@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: 'Isadora';
    src: url("../fonts/UTM IsadoraBold.ttf");
}

@font-face {
    font-family: 'WILLERB';
    src: url('../fonts/WILLER-B.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Regular.ttf");
}

body,
p,
span,
li,
strong,
a {
    font-size: 20px;
    line-height: 1.5;
    font-family: 'Roboto';
}

h3,
h2,
h1,
h4,
h5,
h6 {
    letter-spacing: inherit;
    padding-top: 0;
    font-family: 'Roboto';
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}

.fontWiller {
    font-family: 'WILLERB';
}

.textpink {
    color: #F4367E;
}

img {
    max-width: 100%;
}

.mt60 {
    margin-top: 60px;
}

.mt50 {
    margin-top: 50px;
}

.mt40 {
    margin-top: 40px;
}

.mt30 {
    margin-top: 30px;
}

.mt20 {
    margin-top: 20px;
}

.mt15 {
    margin-top: 15px;
}

.mt10 {
    margin-top: 10px;
}

.mt5 {
    margin-top: 5px;
}

.pt100 {
    padding-top: 100px;
}

.pb120 {
    padding-bottom: 120px;
}

.pt60 {
    padding-top: 60px;
}

.pb60 {
    padding-bottom: 60px;
}

.pb90 {
    padding-bottom: 90px;
}

p {
    margin: 0;
}

.txt-white {
    color: #fff;
}

.txt-gradient {
    background: #F4367E;
    background: -webkit-linear-gradient(to right, #F4367E 45%, #EC028C 55%, #C22EAB 75%);
    background: -moz-linear-gradient(to right, #F4367E 45%, #EC028C 55%, #C22EAB 75%);
    background: linear-gradient(to right, #F4367E 45%, #EC028C 55%, #C22EAB 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-gradient {
    background: rgb(244, 54, 126);
    background: linear-gradient(90deg, rgba(244, 54, 126, 1) 0%, rgba(236, 2, 140, 1) 59%, rgba(194, 46, 171, 1) 100%);
}

.bg-gradient {
    background: rgb(244, 54, 126);
    background: linear-gradient(90deg, rgba(244, 54, 126, 1) 0%, rgba(236, 2, 140, 1) 59%, rgba(194, 46, 171, 1) 100%);
}

.btn-gradient:hover {
    background: linear-gradient(90deg, #FC5C98 0%, #E14DCA 100%);
    color: #fff;
    transition: all ease 0.2s;
    text-decoration: none;
}

.btn-gradient:link,
.btn-gradient:visited {
    color: #fff;
}

.btn-cm {
    width: 350px;
    max-width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    line-height: 80px;
    display: inline-block;
    border-radius: 60px;
    text-decoration: none;
}

a.textlink {
    text-decoration: underline !important;
    color: #0A85E4;
}

a.textlink:hover {
    color: #35A1F5;
}

.textwhite {
    color: #fff;
}

.text-blue {
    color: #0A85E4;
}

.mobi-wrap {
    width: 1330px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.mobi-wrap-small {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}

.mobi-wrap-small:after,
.mobi-wrap:after {
    content: '';
    display: block;
    clear: both;
}

.mobi-page ul li {
    list-style: none;
}

.map-content ul li {
    margin: 0 4%;
}

.mobi-page .row {
    position: initial;
    width: auto;
    height: initial;
    max-width: initial;
}

.mobi-page .row:after {
    content: '';
    clear: both;
    display: block;
}

.mobi-title {
    font-size: 60px;
    letter-spacing: initial;
    line-height: 1.5;
    font-family: 'WILLERB';
    display: block;
    text-align: center;
}

.bg-gray {
    background: url("../images//bg.png") repeat;
}

.bg-pink {
    width: 100%;
    background: rgb(244, 54, 126);
    background: linear-gradient(120deg, rgba(244, 54, 126, 1) 0%, rgba(236, 2, 140, 1) 59%, rgba(194, 46, 171, 1) 100%);
    position: relative;
}

.bg-pink:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images//bg.png) repeat;
    z-index: 2;
    top: 0;
    left: 0;
}

.disblock {
    display: block;
}

@media(min-width:424px) {
    .block375 {
        display: none;
    }
}

@media(min-width:500px) {
    .block500 {
        display: none;
    }
}

@media(min-width:991px) {
    .block-991 {
        display: none;
    }
}

@media(min-width:767px) {
    .block-mb {
        display: none !important;
    }
}

@media(max-width:991px) {

    body,
    p,
    span,
    li,
    strong,
    a {
        font-size: 18px;
    }

    .pt100 {
        padding-top: 70px;
    }

    .pb120 {
        padding-bottom: 90px;
    }

    .mt60 {
        margin-top: 40px;
    }

    .mobi-title {
        font-size: 50px;
    }

    .hidden-991 {
        display: none !important;
    }
}

@media(max-width:767px) {
    .hidden-mb {
        display: none !important;
    }

    .pb90,
    .pb100 {
        padding-bottom: 70px;
    }

    .pt120 {
        padding-top: 70px;
    }

    .pb120 {
        padding-bottom: 70px;
    }

    .mt60 {
        margin-top: 40px;
    }

    .mobi-title {
        font-size: 38px;
        line-height: 1.3;
    }

    .btn-cm {
        width: 300px;
        line-height: 60px;
        font-size: 22px;
    }
}

.mobi-page .owl-theme .owl-dots.disabled {
    margin-top: 0;
}

.mobi-page .owl-theme .owl-dots {
    margin-top: 40px;
}

.mobi-page .owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    line-height: 0.5;
}

.mobi-page .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.mobi-page .owl-theme .owl-dots .owl-dot span {
    width: 60px;
    height: 5px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.mobi-page .owl-theme .owl-dots .owl-dot.active span {
    background-color: #FBB9D3 !important;
    outline: none !important;
}

@media(max-width:991px) {
    .mobi-page .owl-theme .owl-dots .owl-dot span {
        width: 40px;
        margin: 5px 5px;
    }

    .mobi-page .owl-theme .owl-dots {
        margin-top: 20px;
    }
}

@media(max-width:767px) {
    .mobi-page .owl-theme .owl-dots .owl-dot span {
        width: 35px;
    }

    .mobi-page .owl-theme .owl-dots {
        margin-top: 25px;
    }
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f22 {
    font-size: 22px;
}

.f25 {
    font-size: 25px;
}

.f27 {
    font-size: 27px;
}

.f30 {
    font-size: 30px;
}

.f20,
.f22,
.f25,
.f27,
.f30 {
    line-height: 1.2;
}

.fontbold {
    font-weight: bold;
}

@media(min-width:1330px) {
    .row-30 {
        margin-left: -30px;
        margin-right: -30px;
    }

    .row-30>div {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media(max-width:767px) {
    .f22 {
        font-size: 20px;
    }

    .decs {
        text-align: left !important;
    }
}

.owl-next,
.owl-prev {
    position: absolute;
    top: 36%;
}

.owl-next span,
.owl-prev span {
    font-size: 0;
}

.owl-next {
    right: 0;
}

.owl-prev {
    left: 0;
}

.owl-next:before,
.owl-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    color: #747474;
}

.owl-prev:before {
    content: '\f104';
}

.owl-next:before {
    content: '\f105';
}

.pd50-80 {
    padding: 50px 0 80px 0;
}

.mb30 {
    margin-bottom: 30px;
}

.pt80 {
    padding-top: 80px;
}

.pt50 {
    padding-top: 50px;
}

.mt20 {
    margin-top: 20px;
}

.onlymb {
    display: none;
}

@media(max-width:767px) {
    .pt80 {
        padding-top: 50px;
    }

    .onlypc {
        display: none;
    }

    .onlymb {
        display: block;
    }
}

/*----- Header -----*/
.logo-wrap {
    background: url(../images/bg-02.png) repeat;
    padding: 15px 0 15px 0;
    text-align: center;
}

.logo-wrap:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 8%);
}

@media(max-width:767px) {
    .logo-mymobi {
        width: 40%;
        height: auto;
        margin: 0 auto;
    }
}

/*----- Modal -----*/
.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-height: 94vh;
    overflow-y: auto;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close:hover {
    opacity: .5;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-dialog {
    position: fixed;
    left: 50%;
    top: -100%;
    z-index: 11;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    width: 800px;
    max-width: calc(100% - 20px);
    margin-left: -400px;
    margin-top: 0;
    margin-bototm: 0;
}

.modale:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.opened:before {
    display: block;
}

.opened .modal-dialog {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0);
    top: 1.75rem;
}

@media(max-width:800px) {
    .modal-dialog {
        left: 10px;
        margin-left: 0;
    }
}

/*----- End Modal -----*/
/*--- Modal download ---*/
.w650 {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.modal-content-01 {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border: 1px solid #FF2094;
    padding: 15px 15px 8px 15px;
    text-align: center;
}

.modal-content-01 span {
    display: block;
}

.modal-content-01-des {
    padding: 5px 100px;
}

.modal-content-02 {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    padding: 20px 30px;
}

.modal-content-02>div {
    width: 550px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.modal-download-title {
    display: flex;
    align-items: center;
}

.modal-download-title span {
    margin-left: 15px;
    font-size: 25px;
    font-weight: bold;
}

#download .plan-name {
    font-size: 20px;
}

#download .modal-dialog {
    width: 800px;
    max-width: calc(100% - 20px);
}

#download .modal-header {
    padding: 15px 25px;
    background-color: #FFEBF2;
    border-bottom: none;
    /*    min-height: 75px;*/
}

#download .modal-header .close {
    padding: 0.5rem 1rem;
    color: #fff;
    margin-right: -15px;
}

#download button.close {
    font-size: 28px;
}

#download .modal-body {
    padding: 25px;
}

#download .modal-body .download-list {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

#download .download-list li {
    padding: 0 4vw;
    width: 49%;
    display: block;
}

#download .Slider_05 .item>img {
    width: 115px;
    height: auto;
}

.download-list li a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    /*    white-space: nowrap;*/
    width: 100%;
    text-align: center;
}

#download .owl-theme .owl-dots {
    margin-top: 20px;
    position: inherit;
}

#download .plan-name {
    margin-top: 0;
    text-align: left;
    margin-bottom: 10px;
}

#download .plan-content {
    margin-top: 10px;
    font-size: 16px;
}

#download .plan-content a {
    font-size: 16px;
}

@media(min-width:767px) {
    #download .Slider_05 .item {
        display: flex;
        align-items: flex-start;
    }

    #download .Slider_05 .item>div {
        padding-left: 30px;
    }
}

@media(max-width:991px) {
    .download-list li a>img {
        width: 190px;
        height: auto;
        max-width: 100%;
    }

    .modal-content-01 {
        margin-top: 30px;
    }

    .modal-content-03.mt30 {
        margin-top: 0;
    }
}

@media(max-width:767px) {
    .modal-content-01 .f18 {
        font-size: 16px;
        margin-top: 5px !important;
    }

    .modal-content-01-des {
        padding: 5px 15px;
    }

    .modal-content-03.mt50 {
        margin-top: 30px;
    }

    .modal-download-title span {
        font-size: 20px;
    }

    .modal-content-01 .f30 {
        font-size: 25px;
        line-height: 1.2;
    }

    .Slider_05 .item p {
        text-align: center;
    }

    #download .item .f18,
    #download .plan-name {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 0;
        line-height: 1.2;
        text-align: center;
    }

    #download .plan-content a,
    #download .plan-content {
        font-size: 14px;
    }

    #download .item p.mt10 {
        font-size: 11px !important;
    }

    #download .download-list li>a>img {
        width: 100%;
        height: auto;
    }

    .plan-name span {
        font-size: 16px !important;
    }
}

@media(max-width:575px) {
    #download .download-list li {
        padding: 0 2vw;
    }

    .modal-download-title span {
        margin-left: 10px;
    }

    .modal-download-title>img {
        width: 30px;
    }
}

@media(max-width:460px) {
    .modal-content-01 .f30 {
        font-size: 6vw;
    }
}

@media (max-width: 424px) {
    .mobi-page .modal-content-02 .owl-theme .owl-dots .owl-dot span {
        width: 30px;
    }
}

@media(max-width:374px) {
    #download .modal-header {
        padding: 15px 20px;
    }

    .modal-download-title span {
        font-size: 18px;
    }
}

/*--- End Modal download ---*/
/*----- btn-fixed -----*/
.showed {
    display: block !important;
}

.btn-fixed {
    position: fixed;
    right: 15px;
    bottom: 10px;
    z-index: 5;
    display: none;
}

.btn-download-fixed {
    padding: 8px 10px;
    text-align: center;
    width: 230px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.btn-download-fixed p {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-left: 5px;
    white-space: nowrap;
    margin-bottom: 0;
}

@media(max-width:991px) {
    .btn-fixed {
        padding: 10px;
        background-color: rgb(0 0 0 / 40%);
        bottom: 0;
        width: 100%;
        right: 0;
    }

    .btn-download-fixed {
        margin: 0 auto;
    }
}

/*----- End btn-fixed -----*/
/*----- Banner -----*/
.bnr {
    width: 100%;
    position: relative;
}

.bnr:after {
    content: '';
    display: block;
    clear: both;
}

.bnr .item a:hover {
    cursor: pointer !important;
}

.bnr .item a img.transition {
    transition: all 0.3s;
    display: block;
    transform: scale(1);
    height: auto;
}

.bnr .item a img.transition:hover {
    transform: scale(1.05);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    cursor: pointer;
}

.slider_main_visual .owl-dots {
    z-index: 10 !important;
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0;
    left: 0;
}

.bnr button:focus,
.bnr button:active {
    outline: none;
}

@media(max-width:767px) {
    .bnr .mobi-wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

@media(max-width:600px) {
    .mobi-page .slider_main_visual .owl-dots {
        bottom: -20px !important;
    }
}

/*----- End Banner -----*/

/*----- mobi-info -----*/
.mobi-info {
    width: 100%;
    background: url(../images//bg-02.png) repeat;
    padding: 25px 0 10px 0;
    position: relative;
    text-align: left;
}

.mobi-info:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 5%);
    /*    z-index: 2;*/
}

.mobi-info .mobi-info {
    position: relative;
    z-index: 3;
}

.mobi-info-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}

.mobi-info-icon {
    width: 70px;
}

.mobi-info-content {
    width: calc(100% - 70px);
}

.mobi-info-item h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    color: #333;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.mobi-info-item p {
    font-size: 14px;
    line-height: 120%;
}

.mobi-info-content {
    padding-left: 15px;
}

@media(max-width:1200px) {
    .mobi-info-icon {
        width: 50px;
    }

    .mobi-info-content {
        width: calc(100% - 50px);
    }

    .mobi-info-item h3 {
        font-size: 15px;
    }
}

@media(max-width:991px) {
    .mobi-info .row>div:nth-child(2n+1) {
        clear: both;
    }

    .mobi-info-item {
        align-items: flex-start;
    }
}

@media(max-width:767px) {
    .mobi-info {
        padding: 45px 0 10px 0;
    }

    .mobi-info-item {
        flex-wrap: wrap;
    }

    .mobi-info-icon,
    .mobi-info-icon img {
        width: 42px;
    }

    .mobi-info-content {
        width: calc(100% - 42px);
    }

    .mobi-info-item h3 {
        font-size: 14px;
        padding-bottom: 0;
    }

    .mobi-info-item p {
        font-size: 13px;
    }
}

/*----- End mobi-info -----*/

/*--- control ---*/
.control ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.control ul li {
    margin: 0;
    list-style: none;
}

.control ul li a {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.control ul li a:hover {
    color: #f33180;
}

@media(max-width:1200px) {
    .control ul {
        justify-content: flex-start;
        margin-left: -20px;
        margin-right: -20px;
        padding: 0;
    }

    .control ul li {
        width: 33.333%;
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
        float: left;
    }

    .control ul li:nth-child(3n+1) {
        clear: both;
    }

    .control ul li a {
        display: block;
        border-bottom: 1px solid #E8E8E8;
        padding: 5px 0px;
        font-size: 16px;
    }
}

@media(max-width:767px) {
    .control ul li {
        width: 50%;
    }

    .control ul li:nth-child(3n+1) {
        clear: inherit;
    }

    .control ul li:nth-child(2n+1) {
        clear: both;
    }
}

/*--- End control ---*/
/*--- mobi intro ---*/
.mobi-intro .mobi-wrap {
    position: relative;
    z-index: 4;
}

.feature-item {
    margin-top: 10px;
}

.feature-item>div {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.mobi-intro-title {
    font-size: 35px;
    font-weight: bold;
}

.feature-item img {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.feature-txt {
    /*position: absolute;
    bottom: 0;*/
    padding: 20px;
    background: rgb(0 0 0 / 60%);
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
    width: 100%;
    text-align: left;
}

@media(max-width:991px) {
    .mobi-intro-title {
        font-size: 30px;
        line-height: 1.2;
    }
}

@media(max-width:767px) {
    .feature-txt {
        text-align: left;
        font-size: 15px;
    }
}

/*--- End mobi intro ---*/
/*--- Notify ---*/
.notify-box {
    background-color: #FEF2F7;
    padding: 30px 70px;
    text-align: center;
    border: 1px solid #F3D0DF;
}

.notify-box p {
    text-align: center;
}

.notify-box>span {
    display: block;
    color: #F3337E;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.notify-title {
    font-family: 'Roboto';
    font-size: 30px;
    color: #F4367E;
    position: relative;
    text-align: center;
    display: inline-block;
    padding-left: 65px;
    font-weight: bold;
    padding-top: 0;
    line-height: 1.2;
}

.notify-box ul {
    padding-top: 15px;
}

.notify-box .note p,
.notify-box .note a {
    font-size: 14px !important;
}

.notify-box div a {
    text-decoration: underline !important;
    color: #0A85E4;
}

.notify-title:before {
    content: '';
    display: inline-block;
    width: 58px;
    height: 46px;
    background: url("../images/icon-speaker.png") no-repeat;
    background-size: 100%;
    margin-right: 15px;
    position: absolute;
    left: 0;
    top: -5px;
}

@media(max-width:991px) {
    .notify-box {
        padding: 30px 20px;
    }

    .notify-box h3 {
        text-align: left;
        font-size: 30px;
    }

    .notify-box p {
        text-align: center;
    }
}

@media(max-width:767px) {
    .notify-box h3 {
        font-size: 25px;
    }

    .notify-title:before {
        display: none;
    }

    .notify-title {
        font-size: 25px;
        padding-left: 0;
    }

    .mobi-intro .mobi-wrap-small {
        padding: 50px 0 0 0;
    }

    .notify-box p {
        text-align: left;
    }
}

/*--- End Notify ---*/

/*--- Service area ---*/
.service-area h3,
.promotion h3,
.feature-list h3 {
    font-size: 25px;
    color: #333;
    font-family: 'Roboto';
    font-weight: bold;
}

.plan-name {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 1.3;
    text-align: center;
}

.step-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 20px 0;
    text-align: center;
}

.plan-content {
    margin-top: 20px;
    font-size: 18px;
    text-align: center;
}

.service-area .map-note,
.service-area .map-note strong {
    font-size: 14px !important;
}

@media(max-width:767px) {
    .Slider_02 .item p {
        text-align: center;
    }

    .service-area iframe {
        height: 350px;
    }

    .tbl-hours,
    .tbl-hours tr,
    .tbl-hours td {
        font-size: 18px;
    }

    .book .owl-carousel .owl-item img {
        margin-left: auto;
    }

    .service-area h3 {
        font-size: 22px;
    }
}

/*--- End Service area ---*/

/*--- Price plan ---*/
.price-box {
    background: rgb(244, 54, 126);
    background: linear-gradient(140deg, rgba(244, 54, 126, 1) 0%, rgba(236, 2, 140, 1) 40%, rgba(194, 46, 171, 1) 100%);
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
    padding: 7px;
    max-width: 100%;
    margin-top: 30px;
}

.price-box>div {
    background-color: #fff;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    overflow: hidden;
}

.price-box>div>div {
    padding: 20px 15px;
}

.price-note p {
    font-size: 16px;
    line-height: 1.3;
}

.price-note p:before {
    content: '';
    width: 22px;
    height: 28px;
    background: url("../images/icon-like.png") no-repeat;
    display: inline-block;
    margin-right: 7px;
    background-size: 100%;
    vertical-align: middle;
    margin-top: -3px;
}

.price-note {
    border-top: 1px dashed #707070;
    background-color: #F5F5F5;
    padding: 10px 15px 15px 15px !important;
}

.textpink {
    color: #F4367E;
}

.textwhite {
    color: #fff;
}

.price span {
    font-weight: bold;
}

.fontbold {
    font-weight: bold;
}

.price {
    /*    margin-top: 20px;*/
    font-weight: bold;
    line-height: 1.2;
}

.line-through-txt {
    text-decoration: line-through;
}

.price-plan h3 {
    font-family: 'Roboto';
    color: #333;
    line-height: 1.2;
    letter-spacing: inherit;
}

.price-big {
    font-size: 25px;
}

.price-medium {
    font-size: 25px;
}

.price-small {
    font-size: 15px;
}

.icon-ticks {
    padding-left: 30px;
    position: relative;
}

.icon-ticks:before {
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    font-size: 17px;
    color: #ed098a;
}

.price-plan .notify-box {
    width: 800px;
    max-width: 100%;
    margin: 30px auto 50px auto;
    border: 1px solid #FBB9D3;
}

.price-plan .notify-box p {
    text-align: center;
}

.price-plan .notify-box h3 {
    font-family: 'Roboto';
    color: #F4367E;
    font-size: 25px;
}

@media(min-width:767px) {
    .price-plan .row>div.col-md-4 {
        border-right: 1px solid #BEBDBD;
    }

    .price-box {
        width: 220px;
    }
}

@media(max-width:1200px) {
    .price-plan .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .price-plan .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .price-plan .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    /*  .price-box {
        width: 340px;
    }*/
}

@media(max-width:767px) {
    .price-plan .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .price-plan .row>div.col-md-4 {
        /*padding-bottom: 30px;*/
        /*margin-bottom: 30px;*/
        /* border-bottom: 1px solid #BEBDBD;*/
    }

    .price-box .maxheight02 .mt5 {
        margin-top: 15px;
    }

    .price-box .maxheight03 p {
        text-align: center;
    }

    .price-box>div>div {
        padding: 10px 15px;
    }

    .price-plan .price .mt10 {
        margin-top: 0;
    }
}

@media(max-width:575px) {
    .price-plan .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .price-box {
        width: 100%;
    }
}

.plan-note {
    border: 1px dashed #707070;
    padding: 30px 25px;
    font-size: 20px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    text-align: left;
}

.plan-note li {
    font-size: 16px;
    margin-top: 10px;
}

@media(max-width:767px) {
    .plan-note {
        padding: 25px 20px;
    }

    .price {
        margin-top: 10px;
    }

    .price .f25 {
        font-size: 28px;
    }

    .price .f22 {
        font-size: 24px;
    }
}

/*--- End Price plan ---*/

/*==============RM1=============*/

/*---tab--*/
.tab {
    overflow: hidden;
    /*border: 1px solid #666666;*/
    background-color: #dfdfdf;
    position: relative;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 30px;
    transition: 0.3s;
    font-size: 20px;
    font-weight: bold;
    width: 50%;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #bbbaba;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #66bde5;
    color: white !important;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 30px 30px 50px 30px;
    border: 1px solid #dfdfdf;
    border-top: none;
    background-color: #fcfcfc;
}

.tabcontent .txt-gradient strong {
    font-size: 25px !important;
}

.tab .sticker-wrap {
    top: -9px;
    width: 13%;
    position: absolute;
}

@media(max-width:767px) {
    .tab button {
        padding: 40px 15px 15px 15px;
        font-size: 18px;
    }

    .tabcontent {
        padding: 30px 15px 40px 15px;
    }

    .tab-wrap h3 {
        font-size: 27px !important;
    }

    .tab-wrap .mt30 {
        margin-top: 20px;
    }

    .tab .sticker-wrap {
        top: -7px;
        width: 30%;
    }

    .tabcontent .txt-gradient strong {
        font-size: 20px !important;
    }
}

@media(max-width:424px) {
    .tab button {
        padding: 35px 15px 15px 15px;
        font-size: 17px;
    }
}

/*--end tab--*/
#RM1 {
    width: 95%;
    margin: 0 auto;
    padding-top: 60px;
}

#RM1 .mobi-title {
    font-size: 30px;
    font-weight: bold;
    text-align: left !important;
    color: #333;
}

#RM1 .f22 {
    font-size: 25px;
    font-weight: bold !important;
}

#save-tip .prices-table-wrap .dark-bg {
    background: #333;
    padding: 0 20px;
    color: white;
}

#RM1 .group-ticket-wrap {
    padding: 40px 0 10px;
}

#RM1 .group-ticket-wrap img {
    width: inherit;
    max-width: 100%;
}

#RM1 .col-lg-6 {
    padding: 0 30px;
}

#save-tip .prices-table-wrap table {
    position: relative;
}

#save-tip .prices-table-wrap .sticker-save-cost {
    position: absolute;
    right: 0;
    top: 0;
}

#save-tip table th {
    text-align: center;
    /*background-color: #666666;*/
    color: #333;
    background-color: #ededed;
}

#save-tip table td,
#save-tip table th {
    border: 1px solid #666666;
    padding: 15px;
}

#save-tip table {
    width: 100%;
}

#save-tip table .left-td {
    font-weight: bold;
    text-align: left;
}

#save-tip .mobi-wrap {
    text-align: center;
    margin: 0 auto;
}

#save-tip .black-price {
    font-size: 25px;
    font-weight: bold;
}

#save-tip .prices-table-wrap {
    margin-top: 40px;
}

#save-tip .prices-table-wrap th span {
    font-size: 18px;
}

#RM1 .group-ticket-wrap {
    /* border: 1px solid #EF80AE; */
    padding: 30px;
    margin: 10px 0 0 0;
    border-radius: 10px;
    background-color: white;
    box-shadow: black;
    box-shadow: 5px 5px 10px #e3e3e3;
}

@media(max-width: 991px) {
    #save-tip .prices-table-wrap {
        display: inherit;
    }

    #RM1 .f22 {
        font-size: 22px;
        font-weight: bold !important;
    }
}

@media(max-width: 767px) {
    #RM1 {
        width: 100%;
    }

    #save-tip table th,
    #save-tip .center-pc {
        text-align: left;
    }

    #RM1 .group-ticket-wrap {
        margin: 10px 0 0 0;
        padding: 15px;
    }

    #save-tip .prices-table-wrap {
        margin-top: 20px;
    }

    #save-tip .prices-table-wrap .dark-bg {
        padding: 0 10px;
    }

    #save-tip table td,
    #save-tip table th {
        padding: 40px 15px 15px 15px;
    }

    #RM1 .group-ticket-wrap img {
        width: 100%;
    }

    #RM1 .mobi-title {
        font-size: 25px;
    }
}

@media(max-width: 600px) {
    .f13-mb {
        font-size: 13px;
    }
}

@media(max-width: 480px) {
    #save-tip table .left-td {
        width: 55%;
    }

    #save-tip table td {
        padding: 5px 15px;
    }

    #RM1 .mobi-title {
        margin-top: -10px;
    }
}

/*==============End of RM1=============*/

/*--- Promotion---*/
.w-100 {
    width: 100%;
}

.promotion-item .row {
    display: block;
}

.promotion-item {
    /*box-shadow: 0 3px 20px rgb(255 32 148 / 20%);*/
    /*box-shadow: 0 3px 6px rgb(0 0 0 / 16%);*/
    /*    padding: 30px 19px;*/
    /*border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;*/
    /*
    margin-top: 60px;
		background-color: white;
*/
}

.terms-content-03,
.terms-content-02,
.terms-content-01 {
    display: none;
}

.show {
    display: block;
    transition: all ease 0.2s;
}

.terms-btn {
    cursor: pointer;
}

.terms-btn:after {
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.dropdown.terms-btn:after {
    content: '\f106';
}

.promotion-item .f16 {
    font-size: 15px;
}

.list-disc>li {
    padding-left: 20px;
}

.list-disc>li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #333;
    margin-right: 11px;
    vertical-align: middle;
    margin-left: -20px;
}

.list-disc {
    text-align: left;
    font-family: 'Roboto';
}

.promotion-item .textpink {
    font-size: 23px;
    line-height: 1.2;
}

.promotion-item p,
.promotion-item li,
.promotion-item span {
    font-size: 18px;
}

.terms-content-03 li,
.terms-content-02 li,
.terms-content-01 li {
    font-size: 16px;
}

.box-01 .promotion-item>img {
    width: 50%;
    float: left;
    padding: 20px 30px 0 0;
}

.box-01 .promotion-info,
.box-01 .promotion-name {
    width: 50%;
    float: right;
}

.promotion-item:after {
    content: '';
    display: block;
    clear: both;
}

@media(min-width:991px) {
    .box-multi {
        display: flex;
        justify-content: space-between;
    }

    .box-multi .promotion-item {
        width: 31.7%;
    }
}

@media(max-width:991px) {
    .promotion-item .f30.textpink {
        font-size: 25px;
    }

    .promotion-item {
        margin-top: 0;
    }

    .promotion>div.mt50 {
        margin-top: 0;
    }

    .box-01 .promotion-info {
        width: 100%;
        clear: both;
    }

    .box-multi .promotion-item {
        width: 100%;
        margin-bottom: 50px;
    }

    .wrap-btn-campaign {
        text-align: center;
        margin: 0 auto;
    }
}

@media(max-width:767px) {
    .promotion-item .f30.textpink {
        font-size: 22px;
    }

    .promotion-item .btn-small {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .promotion-item .textpink {
        margin-top: 20px;
        font-size: 22px;
    }

    .promotion-item {
        padding: 20px 15px 30px 15px;
    }

    .box-01 .promotion-item>img,
    .box-01 .promotion-info,
    .box-01 .promotion-name {
        width: 100%;
        padding: 0;
    }
}

/*--- End Promotion---*/
/*--- User Review ---*/
.user-item>p {
    position: relative;
    padding-left: 50px;
}

.user-item>p:before {
    content: '';
    width: 34px;
    height: 26px;
    display: block;
    background: url("../images//user-bg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.user-name {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
}

.user-name>p {
    margin-left: 10px;
    color: #979595;
    font-size: 16px;
}

.user-name img {
    margin: 0 !important;
}

.star-list {
    text-align: right;
    margin-bottom: 10px;
}

.star-list li {
    display: inline-block;
}

.star-list li i {
    font-size: 18px;
    color: #ED7712;
    background: #F4367E;
    background: -webkit-linear-gradient(to right, #f9c50a 45%, #f39f05 65%);
    background: -moz-linear-gradient(to right, #f9c50a 45%, #f39f05 65%);
    background: linear-gradient(to right, #f9c50a 45%, #f39f05 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*--- End User Review ---*/
/*--- Member ---*/
.member .owl-next {
    right: -10px;
}

.member .owl-prev {
    left: -10px;
}

/*--- End Member ---*/
/*--- mobi-intro-02 ---*/
.mobi-intro-02 .mobi-wrap {
    position: relative;
    z-index: 3;
}

.bg-white {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 30%);
    padding: 40px 30px;
}

.mobi-intro-list>div>img {
    margin: 0 auto;
}

.mobi-intro-list>div {
    margin-top: 30px;
}

.mobi-intro-02 .textpink {
    color: #FF2094;
}

.mobi-intro-list h3 {
    font-size: 22px;
    color: #333;
    font-family: 'Roboto';
    display: block;
    margin: 20px 0 10px 0;
    line-height: 1.2;
    font-weight: bold;
}

.intro-catalog {
    display: table;
    width: 100%;
}

.intro-catalog .item-catalog {
    float: left;
    text-align: center;
    width: 16%;
}

.intro-catalog .item-catalog p {
    text-align: center;
}

.intro-catalog .item-catalog p br {
    display: none;
}

@media(max-width:767px) {
    .intro-catalog .item-catalog {
        width: 33%;
        padding-bottom: 30px;
    }

    .intro-catalog .item-catalog:nth-child() {}

    .mobi-intro .mobi-wrap-small {
        padding: 30px 0 0 0 !important;
    }

    .intro-catalog .item-catalog p br {
        display: inherit;
    }
}

/*--- End mobi-intro-02 ---*/
.saleoff {
    position: relative;
}

.icon-saleoff {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    bottom: 15px;
    text-align: center;
    overflow: hidden;
}

.icon-saleoff>div {
    position: relative;
    width: 80px;
    height: 80px;
}

.icon-saleoff>div:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(244, 54, 126);
    background: linear-gradient(122deg, rgba(244, 54, 126, 1) 0%, rgba(236, 2, 140, 1) 40%, rgba(194, 46, 171, 1) 100%);
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: .5;
}

.icon-saleoff p {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 1 !important;
    padding: 18px 0 0 0;
    z-index: 2;
    position: relative;
    text-shadow: 0 0 5px rgb(4 4 4 / 56%);
}

.icon-saleoff p span {
    font-size: 18px;
    color: #fff;
    display: block;
    line-height: 1.2;
}

.download-box .fontWiller {
    font-size: 25px;
    line-height: 1.3;
}

@media(max-width:767px) {
    .download-box .fontWiller {
        font-size: 22px;
    }
}

.icon-exclamation:before {
    content: '\f06a';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #F4367E;
    margin-right: 10px;
}

@media(max-width:767px) {
    .memberPrivilege .mobi-wrap>div.mt50 {
        margin-top: 40px;
    }

    #memberPrivilege .text-center.mt30 {
        margin-top: 20px;
    }
}


/* -------------Add COMING SOON section on 20221010-----------*/
.coming-soon-section {
    position: relative
}

.coming-soon-section .coming-soon-sticker {
    position: absolute;
    right: 0;
    top: 0;
}

@media(max-width:980px) {
    .coming-soon-section .coming-soon-sticker {
        width: 25%;
    }
}

@media(max-width:680px) {
    .coming-soon-section .coming-soon-sticker {
        width: 35%;
    }
}

@media(max-width:480px) {
    .coming-soon-section .coming-soon-sticker {
        width: 50%;
    }

    .coming-soon-section .coming-soon-main-points {
        padding-top: 26px;
    }
}

@media(max-width:424px) {
    .coming-soon-section h3 {
        font-size: 20px !important;
    }
}

/*.coming-soon-section{	
	background-color: #ffeef138;
	padding: 20px;
	border: 3px solid #f4367e;
	border-radius: 0 20px;
	margin-top: 50px;
	position: relative
}
.coming-soon-section .coming-soon-sticker{
	position: absolute;
	right: 0;
	top: 0;
}
.coming-soon-section p.coming-soon-title{
	tex-align: center;
	font-weight: bold;
}
.coming-soon-section mt15{
	margin-top: 15px;
}
.coming-soon-section div{
	text-align: left;
}
.coming-soon-section div ul li{
	list-style: auto;
	margin-left: 20px;
}
.coming-soon-section .note p, .coming-soon-section .note a{
	font-size: 14px !important;
}
.coming-soon-section div a{
	text-decoration: underline !important;
	color: #0A85E4;
}
@media(max-width:980px){
    .coming-soon-section .coming-soon-sticker{
			width: 25%;
		}
}
@media(max-width:680px){
    .coming-soon-section .coming-soon-sticker{
			width: 35%;
		}
}
@media(max-width:480px){
    .coming-soon-section .coming-soon-sticker{
			width: 50%;
		}
}*/

/* ------------ change style of top navigator to adapt the new banners ----------------*/
#Master #Nav {
    height: 100px;
    /*background-color: rgb(0 0 0 / 15%);*/
    background: url(../images/bg-02.png) repeat !important;
}

#Master #Nav:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 8%);
    z-index: 2;
}

#Master #Nav .bg {
    z-index: 3 !important;
}


/* ----------------------- Update for publishing on 1st Nov 2022 ------------------------*/
/*----"What is mobi" section----*/


#mobi .feature-list h3 {
    font-size: 35px;
    line-height: 49px;
    color: #f4367e;
}

.feature-txt p {
    color: white;
}

#mobi .green-title,
#operationArea h3.green-title {
    /*color: #06c19c!important;*/
    color: #333 !important;
}

#mobi .light-blue-title,
#operationArea h3.light-blue-title {
    /*color: #0ca6df!important;*/
    color: #333 !important;
}

#mobi .hidden-pc {
    display: none;
}

#mobi .feature-list .mobi-intro-service-name-note {
    font-size: 16px;
    color: #f4367e;
    font-weight: bold;
    margin-left: 20px;
}

.service-name-group {
    display: flow-root;
}

/*.mobi-page .mobi-intro .row{
	padding: 0 !important;
	margin: 0 !important;
}*/
/*#mobi .mobi-wrap .row{
	margin-right: -40px;
	margin-left: -40px;
}*/
#mobi .mobi-wrap .row .pd-lr-40 {
    padding-right: 40px;
    padding-left: 40px;
}

.no-pd {
    padding: 0 !important;
}

.pd10 {
    padding: 0 10px;
}

.feature-list-service {
    padding: 30px 0 20px 0;
    margin-left: -15px;
    /*display: table;*/
}

.feature-list-service .feature-item {
    padding: 0 25px;
}

.feature-list {
    margin-top: 30px;
    /*background-color: #fbfbfb;*/
    /*padding: 50px 30px;
	background-color: white;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%);*/
}

.loat-left {
    display: inline-block;
    float: left;
}

.feature-list .mobi-intro-service-img {
    border-bottom-left-radius: 0 !important;
    box-shadow: none;
    position: relative;
}

/*.feature-list li>feature-item, .feature-list li.col-lg-6, .feature-list li.feature-list li.col-lg-6{
	padding: 0 !important;
}*/
.mobi-intro-service-note {
    padding-left: 10px;
    box-shadow: none;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0;
}

.mobi-intro-service-note a,
.mobi-intro-service-note a:hover {
    color: #0A85E4 !important;
}

.mobi-intro-service-name {
    /*padding-bottom: 20px;*/
    font-weight: bold;
}

/*.feature-item .mobi-intro-service-content{
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
	position: inherit;
	background-color: white;
}
.mobi-intro-service-img .owl-dots {
	margin-top: 5px !important;
}*/
.mobi-intro-service-img .feature-txt {
    padding: 13px 20px;
}

.feature-list .icon-num-list {
    width: 70px;
    height: auto;
    display: inline-block;
    float: left;
    padding-right: 20px;
}

/*.block-tb{
	display: none !important;
}*/
/*.white-bg{
	
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}*/
@media (max-width: 991px) {

    /*.block-tb{
		display: block !important;
	}
	.hidden-tb{
		display: none !important;
	}*/
    #mobi .feature-list h3 {
        font-size: 30px;
    }

    .mt-40-mb {
        margin-top: 40px;
    }

    #mobi .feature-list .hidden-pc {
        display: block !important;
    }

    #mobi .feature-list .mobi-intro-service-name-note {
        margin-left: 0;
    }

    .feature-list .feature-item:nth-child(1),
    .feature-list .feature-item:nth-child(2) {
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .feature-list-service .feature-item {
        padding: 0 15px;
    }

    .mobi-intro-service-note {
        padding-left: 0;
    }

    .feature-list-service {
        padding: 20px 0 20px 0;
    }

    .feature-list {
        padding: 30px 20px;
    }
}

@media (max-width: 767px) {
    .mt-30-mb {
        margin-top: 30px;
    }

    .mobi-intro-title {
        font-size: 20px !important;
    }

    #mobi .hidden-pc {
        display: block;
    }

    .feature-list .feature-item:nth-child(1),
    .feature-list .feature-item:nth-child(2),
    .feature-list .feature-item:nth-child(3) {
        margin-bottom: 30px;
    }
}

@media (max-width: 600px) {
    #mobi .feature-list h3 {
        font-size: 25px;
    }

    #mobi .mobi-intro .mmobi-intro-title {
        font-size: 20px !important;
    }

    .feature-list {
        padding: 0;
    }
}

/*----"Operation area" section----*/
#operationArea .mobi-wrap .row {
    /*margin-right: -40px;
	margin-left: -40px;*/
    margin: 0;
}

#operationArea .mobi-wrap .row li {
    width: 100%;
}

#operationArea .mobi-wrap .row .col-lg-6,
#operationArea .mobi-wrap .row .col-md-6 {
    padding-right: 40px;
    padding-left: 40px;
}

#operationArea h3 {
    font-size: 35px;
    line-height: 1.2;
    color: #f4367e;
}

#operationArea .icon-num-list {
    width: 70px;
    height: auto;
    display: inline-block;
    float: left;
    padding-right: 20px;
}

@media (max-width: 991px) {
    #operationArea h3 {
        font-size: 30px;
    }

    #operationArea .mobi-wrap .row {
        margin-right: -20px;
        margin-left: -20px;
    }

    #operationArea .mobi-wrap .row .col-lg-6,
    #operationArea .mobi-wrap .row .col-md-6 {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .mt50-mb {
        margin-top: 50px;
    }

    .mobi-wrap ul.mt50 {
        margin-top: 20px !important;
    }
}

@media (max-width: 600px) {
    #operationArea h3 {
        font-size: 25px;
    }
}

/*----------Tab prices-------------*/
.f20 {
    line-height: 1.5 !important;
}

.f25 strong {
    font-size: 25px;
}

.mb50 {
    margin-bottom: 50px
}

.ChangeElem_Panel {
    display: none;
}

.price-plan-name-service {
    width: 100%;
    padding: 8px;
    position: relative;
    line-height: 2.0;
    border: none;
    text-align: center;
}

.price-plan-name-service p {
    margin: 0 auto;
    color: white;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.price-plan-name-service.std {
    /*background-color: #01c7a0;*/
    background-color: #666666;
}

.price-plan-name-service.meetup {
    /*background-color: #54b5d9;*/
    background-color: #666666;
}

.price-plan-name-service .hidden-pc {
    display: none;
}

.pay-per-use-info {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.pay-per-use-info p {
    text-align: center;
    margin: 0 auto;
}

.center-align {
    text-align: center;
    margin: 30px auto 0 auto;
}

.tab-price-info ul {
    background: #fff;
    padding: 50px 30px;
    border: 1px solid #BBBBBB;
}

.price-important-info {
    background-color: white;
    padding: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    border: 1px solid #f3327e;
}

.w80 {
    width: 80%;
    margin: 0 auto;
}

.price-wrap {
    display: flex;
    flex-wrap: wrap;
}

/*#pricePlan .decs{
	text-align: center;
}*/
#pricePlan .bordered {
    border: 1px solid #666666;
    padding-bottom: 40px;
}

#pricePlan .plr30 {
    padding: 0 30px;
}

#pricePlan .plr30 strong {
    font-size: 25px !important;
}

#pricePlan .txt-center {
    text-align: center;
}

#pricePlan .pay-per-use-plan {
    font-weight: bold;
    font-size: 30px;
    color: #F4367E;
}

#pricePlan .d-flex {
    justify-content: center;
}

#pricePlan .d-flex p {
    padding: 0 30px 0 30px;
    font-size: 16px !important;

}

#pricePlan .option-txt {
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
}

#pricePlan p a>textlink {
    text-align: right;
    padding-top: 10px;
}

#pricePlan .small-btn-outline-pink {
    position: relative;
    z-index: 2;
    width: fit-content;
    min-width: 250px;
    margin: 0 10px;
    line-height: 60px;
}

#pricePlan .small-btn-outline-pink span {
    font-size: 20px !important;
}

#pricePlan .plus-info {
    padding-top: 30px;
}

#pricePlan .plus-info .title {
    font-weight: bold;
}

/*#pricePlan .plus-info .terms-wrap{
	display: inline-flex;
}
#pricePlan .plus-info .terms-wrap .dp-lr-30{
	padding: 0 30px;
}*/
.txt-center {
    text-align: center;
}

.plan-before-18 .modal-download-title span {
    font-size: 22px;
}

#pricePlan .new-campaign-info {
    font-weight: bold;
    font-size: 25px;
}

.center-pc {
    text-align: center;
}

/*#pricePlan .center-pc{
	padding: 0 15px;
}*/
#pricePlan .txt-right,
#RM1 .txt-right {
    text-align: right;
}

#plan-before-18 img {
    margin-left: -30px;
}

#plan-before-18 .text-left {
    text-align: left !important;
    font-weight: bold;
}

@media(max-width: 1140px) {
    .w80 {
        width: 100%;
    }
}

@media(max-width: 991px) {
    .price-plan-name-service .hidden-pc {
        display: block;
    }
}

@media (max-width: 767px) {
    #pricePlan .decs {
        text-align: left;
    }

    .tab-price-info ul {
        background: #fff;
        padding: 30px 30px;
    }

    .price-box {
        margin-top: 30px;
    }

    .mt30-mb {
        margin-top: 30px;
    }

    .price-plan-name-service .hidden-pc {
        display: none;
    }

    .m15 {
        margin: 0;
    }

    .f20.perk strong {}

    #pricePlan .f25,
    #pricePlan .f25 strong {
        font-size: 22px;
        line-height: 1.2
    }

    #pricePlan .d-flex {
        display: inherit;
    }

    /*#pricePlan .txt-right{
		text-align: center;
	}*/
    #plan-before-18 img {
        margin-left: -10px;
    }

    #pricePlan .plr30 strong {
        font-size: 22px !important;
    }

    #pricePlan .plr30 {
        padding: 0 20px;
    }

    #pricePlan .d-flex p {
        padding: 0 0 0 30px;
    }
}

@media(max-width: 600px) {
    .plan-before-18 .modal-download-title span {
        font-size: 18px;
    }
}

@media(max-width: 479px) {}

/*=================Footer===========*/
.my-footer {
    background-color: black;
    color: white;
    padding: 40px 0;
}

.my-footer,
.my-footer a,
.my-footer p {
    font-size: 18px;
}

.f14 {
    font-size: 14px !important;
}

.my-footer .w-85,
.my-footer .w-15 {
    float: left;
    text-align: left;
}

.my-footer .w-85 {
    width: 85%;
}

.my-footer .w-15 {
    width: 15%;
}

.my-footer p {
    color: white;
}

.my-footer-info {
    display: flex;
    padding-bottom: 40px;
}

.my-footer .my-footer-info .small-txt {
    font-size: 14px !important;
    text-align: center;
}

.footercontact.address {
    padding-left: 25px;
}

.contact-add-icon {
    display: inline-block;
    float: left;
    margin-top: 6px;
}

.footer-company-name {
    font-size: 22px !important;
    font-weight: bold;
}

.footercontact.email>img {
    margin-top: 8px;
    padding-right: 5px;
}

.linkwt {
    color: #fff;
}

@media(max-width: 1440px) {

    .my-footer .w-85,
    .my-footer .w-15 {
        width: 100% !important;
        padding-bottom: 30px;
    }

    .my-footer .my-footer-info .small-txt {
        text-align: left !important;
    }

    .my-footer {
        padding: 40px 0 80px 0;
    }

    .my-footer-info {
        display: block;
        padding-bottom: 0;
    }
}

/*--------- FAQ ----------*/
.f16 a {
    font-size: 16px;
}

.faq-page-content>p a.f20 {
    font-size: 18px;
}

.faq-page-content>p.f16,
.faq-page-content>p.f16 a {
    font-size: 14px;
}

/*--- Control ----*/
.faq-control {
    text-align: center;
}

.faq-control li {
    display: inline-block;
}

.faq-control li a {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.faq-control li a:after {
    content: '|';
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    font-weight: normal;
    color: #C8C8C8;
}

.faq-control li:last-child a:after {
    content: inherit;
}

@media(max-width:767px) {
    .faq-control li a {
        font-size: 17px;
    }

    .faq-control li a:after {
        padding: 0 10px;
    }
}

@media(max-width:374px) {
    .faq-control li a {
        font-size: 16px;
    }

    .faq-control li a:after {
        padding: 0 5px;
    }
}

/*----- End Control -----*/
/*----- Faq content -----*/
.faq-box {
    padding: 40px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 27%);
    border-radius: 4px;
}

.faq-box h2 {
    margin: 0;
    padding: 0;
    font-family: 'Roboto';
    color: #333;
    font-weight: bold;
    text-align: center;
    font-size: 35px;
}

.faq-list {
    padding: 0;
    margin: 0;
}

.faq-list li {
    padding-top: 30px;
    display: block;
    scroll-margin-top: 70px;
}

.dropdown {
    background-color: #fff;
}

/*
.faq-list li:first-child{
    margin-top: 20px;
}
*/
.dropdown__inner {
    border: 1px solid #e3e3e3;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    border-radius: 4px;
}

.dropdown__inner.dropdown_toggle {
    border: 1px solid #FCC4D9;
    box-shadow: 0 6px 15px rgb(255 32 148 / 20%);
}

.faq-title {
    font-family: 'Roboto';
    margin: 0;
    font-size: 20px;
    padding: 20px 60px 20px 100px;
    position: relative;
    line-height: 1.3;
    cursor: pointer;
}

.faq-content {
    padding: 30px 15px 30px 100px;
    position: relative;
    border-top: 1px solid #DCDADA;
    display: none;
}

.faq-content:before,
.faq-title:before {
    content: '';
    width: 80px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.faq-title:before {
    background: url("../images/Q.png") no-repeat center center rgb(0 0 0 / 8%);
}

.faq-content:before {
    background: url(../images/A.png) no-repeat center center rgb(245 245 245 / 52%);
}

.faq-title:after {
    content: '\2b';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 60px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    color: #707070;
    font-size: 35px;
    line-height: 36px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: -3px;
}

.dropdown_toggle .faq-title:after {
    content: '';
    width: 20px;
    height: 3px;
    background: #707070;
    right: 23px;
    margin-top: 0;
}

@media(max-width:991px) {
    .faq-page-content>p.text-right {
        text-align: center;
    }
}

@media(max-width:767px) {
    .faq-box {
        padding: 35px 15px;
    }

    .faq-box h2 {
        font-size: 30px;
        text-align: center;
    }

    .faq-content:before,
    .faq-title:before {
        width: 60px;
    }

    .faq-title {
        font-size: 18px;
        line-height: 1.3;
        padding: 15px 40px 15px 75px;
    }

    .faq-title:after {
        width: 35px;
        font-size: 30px;
        top: 20px;
    }

    .faq-content {
        padding: 15px 15px 15px 75px;
    }

    .dropdown_toggle .faq-title:after {
        width: 15px;
        height: 2px;
        right: 11px;
        margin-top: 0;
        top: 18px;
    }
}

/*----- End Faq content -----*/
.download-box .fontWiller {
    font-size: 25px;
    line-height: 1.3;
}

@media(max-width:767px) {
    .download-box .fontWiller {
        font-size: 22px;
    }
}

/*---------End FAQ ------------------*/
.Slider_02.owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

/************************************backtotop*************************************/
.actGotop {
    position: fixed;
    _position: absolute;
    bottom: 70px;
    right: 15px;
    width: 36px;
    height: 36px;
    display: none;
    z-index: 99999;
}

.actGotop a,
.actGotop a:link {
    width: 36px;
    height: 36px;
    display: inline-block;
    background: #ff3c60;
    padding-top: 2px;
    outline: none;
    border-radius: 36px;
    text-align: center;
}

.actGotop a:hover {
    width: 36px;
    height: 36px;
    outline: none;
    background: #ffb0be;
}

/*********************************************************************************/

/*----- Map ------*/
.tabs-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    justify-content: center;
}

.tabs-list>div {
    width: 33.333%;
    /*  width: 25%;*/
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.map-item {
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 12%);
    height: 100%;
}

.map-content {
    padding: 0 15px 20px 15px;
}

.map-img {
    overflow: hidden;
    width: 100%;
}

.map-img>a>img {
    width: 100%;
    transition: all ease 0.3s;
}

.map-img:hover img {
    transform: scale(1.2);
    transition: all ease 0.3s;
}

.img-logo>img {
    width: 130px !important;
}

.map-name {
    font-size: 23px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
    font-weight: bold;
}

.map-name a {
    font-size: 24px;
}

/* Tabs */
.tabs-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
}

.tabs-nav li {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.tabs-nav li a {
    color: #333;
    width: 100%;
    display: block;
    padding: 7px 0;
    background-color: #F3E6F2;
    border-radius: 50px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
}

.tabs-nav li:hover a,
.tabs-nav li.active a {
    font-weight: bold;
    background-color: #FBC5DA;
}

@media(min-width:767px) {
    .tabs-nav {
        display: none;
    }
}

@media(max-width:991px) {
    .tabs-list>div {
        width: 50%;
    }
}

@media(max-width:767px) {
    .tab-content {
        display: none;
    }

    .tab-content.active {
        display: block;
    }

    .tabs-list>div {
        width: 100%;
    }

    .map-item {
        padding-top: 20px;
    }

    .map-name {
        margin: 0 0 10px 0;
        line-height: 1.2;
    }

    .tabs-nav {
        margin-left: -5px;
        margin-right: -5px;
    }

    .tabs-nav li {
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabs-nav li a {
        font-size: 15px;
    }
}

.movie {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 56.28%;
    height: 0;
    overflow: hidden;
}

.area-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
}

.area-list li {
    color: #333;
    display: block;
    padding: 7px 15px;
    background-color: #F3E6F2;
    border-radius: 50px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
}

.owl-carousel .owl-item img {
    height: auto;
}

.map-col-2-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background: #fff;
    padding: 15px 5px;
    box-shadow: 0 0 10px rgb(0 0 0 / 12%);
}

.map-col-2-item .map-img img {
    width: 100%;
}

.map-col-2-item>div {
    width: 100%;
}

@media(min-width:767px) {
    .map-col-2-item .map-img {
        width: calc(40% - 15px);
    }

    .map-col-2-item .map-content {
        width: calc(60% - 15px);
    }
}

@media(max-width:767px) {
    .map-col-2-item {
        margin-top: 1.5rem !important;
        padding: 20px 0 0 0;
    }
}

.textred {
    color: #D50003;
}

/*----- areaModal -----*/
.notice a,
.notice strong,
.notice p {
    font-size: 18px;
}

.areaModal-title {
    margin-top: 50px;
    font-size: 20px;
    font-weight: bold;
}

#areaModal .close span {
    font-size: 30px !important;
}

.btn-gray {
    color: #333;
    background: #d9d7d7;
    border: 1px solid #bebebe;
    font-size: 18px;
    line-height: 45px;
    width: 200px;
}

#areaModal .areaModal-content {
    padding: 0 0 30px 0;
}

@media(min-width:767px) {
    #areaModal .areaModal-content {
        padding: 0 30px 50px 30px;
    }
}

@media(max-width:991px) {
    .notice {
        text-align: left !important;
    }
}