.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


.f-cate .container .img {
    position: relative;
}

.f-cate .container .banner {
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;
}
@media (min-width:978px) {
    .f-cate .container .img .reson {
        position: absolute;
        color: #370679;
        text-align: left;        
        line-height: 1;
        max-width: 270px;
    }
    .f-cate .container .banner {
        padding: 0 50pt 0 50pt !important;
    }
    
}

@media (max-width:978px) {
    .f-cate .container .img .reson {
        color: #370679;
        text-align: left;
        padding: 8pt 15pt 8pt 15pt;
        line-height: 1;
        max-width: 270px;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10.49px 10.49px 0;
    }

    .three {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 10px;
    }

        .three .white-top {
            display: none;
        }
    .f-cate .container .wrap {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width:768px) {
    .f-cate .container .img .reson {
        color: #370679;
        text-align: left;
        padding: 8pt 15pt 8pt 15pt;
        line-height: 1;
        max-width: 270px;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 10.49px 10.49px 0;
        
    }
    .f-cate .container .wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .three {
        flex: 0 0 100%;
        max-width: 100%;
       
        padding: 10px;
    }

        .three .white-top {
            display: none;
        }
}
@media(min-width:992px) {
    .f-cate .container .img .four {
        top: 230px;
        right: -10pt;
    }

    .f-cate .container .img .five {
        top: 50pt;
        right: 10pt;
    }

    .f-cate .container .img .one {
        top: 50pt;
        left: 20pt;
    }

    .f-cate .container .img .two {
        top: 230px;
        left: -40px;
    }
}
@media(min-width:1200px)
{
    .f-cate .container .img .four {
        top: 230px;
        right: 40pt;
    }

    .f-cate .container .img .five {
        top: 50pt;
        right: 90pt;
    }
    .f-cate .container .img .one {
        top: 50pt;
        left: 100pt;
    }

    .f-cate .container .img .two {
        top: 230px;
        left: 20pt;
    }
}

.reson h3 {
    color: #522B8B;
   
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 27px;
    position:relative
}
    .reson h3 span {
        height: 13px;
        position: absolute;
        width: 22px;
        border-color: #F82852;
        display: inline-block;
        offset-rotate: 12pt;
        border: solid 1pt 0pt 0pt 1pt;
        border-top: 0pt;
        border-style: solid;
        border-right: 0pt;
        transform: rotate(-45deg);
    }
    .reson p {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 25px;
        color: #000000;
    }

.f-cate {   
    padding-top:82px;
}

    

.three {
    position:relative ;
    color: #F82852 ;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 34px;
    border: 3px solid #DED3EF;
    border-radius: 24px;
    text-align:center;
    margin:0 auto;
}
.three .white-top {
        position: absolute;
        top: -10px;
        left: 46px;
        height: 29px;
        width: 71px;
        background-color: #FFFFFF;
    }
.three .oval {
        height: 18px;
        width: 18px;
        background-color: #522B8B;
        border-radius: 50%;
    }

.p-post .title {
    font-size: 20px !important;
}
.pad-10{
    padding:0 10px 0 10px;
}
.mar-bottom-20{
    margin-bottom:20px;
}
.btn-more {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 138px;
    border-radius: 10px;
    background-color: #522B8B;
    box-shadow: inset 0 -1px 1px 0 rgba(0,0,0,0.5), inset 0 1px 1px 0 rgba(255,255,255,0.5);
    margin: 10px auto 50px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
    color: #FFFFFF;
    cursor: pointer;
}
.btn-more:hover {
        background: rgba(82,43,139,.8);
    }
.no-cabslock{
    text-transform:none !important;
}


.mobile-support-tool {
    z-index: 10501;
    left: auto;
    right: 1.5rem;
    bottom: 1.5rem;
}
.fixed-bottom {
    position: fixed;
   
}
.align-items-end {
   
    align-items: flex-end !important;
}
.flex-column {
   
    flex-direction: column !important;
}
.mobile-support-tool .btn {
    width: 50px;
    height: 50px;
    font-size: 1.7rem;
    color: white;
    position: relative;
    padding: 0;
}
    .mobile-support-tool .btn i {
        vertical-align: middle;
    }
.btn-show-support {
    position: relative;
}
.mobile-support-tool .title {
   padding:0 5px 0 5px;
    height: 38px;
    background: #2f2b2b;
    position: absolute;
    font-size: 14px;
    right: 60px;
    line-height: 35px;
    bottom: 6px;
    border-radius: 5px;
    top: unset;
    left: unset;
    text-align: center;
    z-index: -1;
}

.btn-show-support::after {
    position: absolute;
    top: 0;
    left: -1px;
    width: 50px;
    height: 50px;
    border: 4px solid #cd1818;
    content: '';
    border-radius: 50%;
    transform: scale(0.9);
    z-index: -1;
    
}
.btn-show-support i {
    -webkit-animation: calltrap_spin 3s infinite linear;
    -moz-animation: calltrap_spin 3s infinite linear;
    -o-animation: calltrap_spin 3s infinite linear;
    animation: calltrap_spin 3s infinite linear
}
.popover {
    display: block;
    max-width: 276px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    border: 1px solid rgba(0,0,0,.2);
}
.btn-warning {
    background-color: #FFC801 !important;
    border-color: #FFC801 !important;
}

.mess-container {
    background-color: #7646FF;
    border-radius:50%;
    width:60px;
    height:60px;
    position:fixed;
    bottom:20px;
    right:25px;
    display:flex;
    justify-content:center;
    align-items:center;
}

@media (max-width:750px){
    .pc-only {
        display: none !important;
    }
    #pricelist{
        flex-direction:column-reverse !important;       
    }
    .bk-form{
        box-shadow:none !important;        
    }
}
@media(max-width:984px){
    .pc-only{
        display:none !important;
    }

}
@media(min-width:989px){
    .mobile-only{
        display:none !important;
    }
}


.testi-2 .item .info {
    color: #666;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
}

.testi-2 .item img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.testi-2 .item .name {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    margin: 5pt 0 0 0
}

.testi-2 .item p {
    font-size: 16px;
    line-height: 1.625;
    color: #7e8085;
}

.testi-2 .slick-dots {
    text-align: left;
}

    .testi-2 .slick-dots li.slick-active {
        background: #522b8b;
        transform: scale(1.4);
    }

    .testi-2 .slick-dots li {
        border: none;
        width: 10px;
        height: 10px;
        background: #a5a5a5;
    }

.faq-container {
    margin: -40pt 0pt -40pt 0pt;
    padding: 40pt 25pt 25pt;
    background-color: transparent;
    background-image: url(/images/rectangle.webp);
    background-size: cover;
    border-radius: 20pt;
}

    .faq-container .white {
        color: white
    }

.faq-box {
    background-color: white;
    padding: 15pt;
    border-radius: 5pt;
}

    .faq-box .faq-row {
        border-bottom: #522B8A dashed 1pt;
        padding: 10pt;
        cursor: pointer;
    }

        .faq-box .faq-row:last-child {
            border: none;
        }

    .faq-box .faq-item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

.faq-row p.q {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

.faq-row .btn-toggle {
    padding: 3pt;
    border: 1px solid #522B8B;
    border-radius: 2px;
    display: flex;
}

    .faq-row .btn-toggle i {
        color: #522B8B;
        transition-duration: 0.5s;
    }

.active p {
    color: #522B8B;
}

.active .btn-toggle {
    background-color: #522B8B;
}

    .active .btn-toggle i {
        transform: rotate(180deg);
        transition-duration: 0.5s;
        color: #ffffff;
    }

.faq-container .md-title:after {
    background-image: url(../images/sinw.png) !important;
}

p.a {
    margin-top: 4pt;
}

@media (max-width:768px) {
    .faq-container {
        padding: 10pt;
        padding-top: 40pt;
        background-color: transparent;
        background-image: url(/images/rectangle.webp);
        background-size: cover;
        border-radius: 10pt;
        margin-top: 10pt;
        margin-bottom: 10pt;
    }

    .testi-2 {
        text-align: center
    }

        .testi-2 img {
            margin: 0 auto;
        }

        .testi-2 .slick-dots {
            text-align: center;
        }

    .md-title {
        text-align: center;
    }

        .md-title:after {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

    .faq-box .faq-row {
        border-bottom: #522B8A dashed 1pt;
        padding: 5pt;
        cursor: pointer;
    }

    .faq-box {
        padding: 5pt;
    }
   
}
.bk-form .btn-reverse {
    padding: 5pt 20pt;
    background-color: #522b8b;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    margin-bottom: 12px;
}
.booking-sb .btn-reverse {
    padding: 5pt 20pt;
    background-color: #522b8b;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    margin-bottom: 25px;
}
.cExtra {
    display: flex;
    cursor: pointer;
    padding: 0 0 5px 0;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 19px;
    color: #522b8b;
}
    .cExtra i {
        font-size: 19px;
        color: #034ea1;
        margin-left: 10pt;
    }


#toc_container {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #aaa;
    display: table;
    margin-bottom: 1em;
    width: auto;
}

.toc_title {
    font-weight: 700;
    font-size: 16px;
    margin-left: 15px;
    margin-bottom: 10px!important;
    margin-top: 10px;
}

#toc_container li, #toc_container ul, #toc_container ul li {
    list-style: outside none none !important;
}

.s-content h1, h2, h3 {
    padding-top: 60px; 
    margin-top: -60px!important;
}

#toc_container {
    width: 100%;
    padding: 10px;
    background: #edf6ff;
}
#toc li a {
    color: #000;
    text-decoration: none;
}

#toc li a:hover {
    color: #000;
    text-decoration: underline;
}

#toc_container .mntoc {
    position: absolute;
    right: 20px;
    color: #000;
}
.slider img {

}