/*
 * Extracted from css/widget.css, lines 45587-45733
 * Region label: OT-012
 */
    /* #region OT-012 */
    .ot-012 .nav-tabs .nav-link {
        border: 0px;
    }

        .ot-012 .nav-tabs .nav-link.active {
            border-bottom: 3px solid #ffd400;
        }

        .ot-012 .nav-tabs .nav-link:focus {
            border-color: transparent;
        }

    .ot-012 .nav-link:focus-visible {
        outline: 0;
        box-shadow: none;
    }

    .ot-012 #box-tab-1 .swiper-container .item {
        max-width: 270px;
    }

    .ot-012 .box-2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .ot-012 .img-owl {
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        /* border: 3px solid #ffd400; */
        background-color: #fff;
        box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0);
        border-radius: 50%;
    }

    .ot-012 .box-item-owl {
        margin-top: -50px;
        height: 300px;
        border-radius: 3px;
        background: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        padding-left: 16px;
    }

    .ot-012 #box-tab-2 .box-item-owl {
        height: 420px;
    }

    .ot-012 .title-owl {
        padding-top: 80px;
        color: #222;
        font-size: 24px;
        line-height: 36px;
        font-family: Krungsri-Condensed-Bold;
    }

    .ot-012 .owl-theme .owl-nav .owl-next span,
    .ot-012 .owl-theme .owl-nav .owl-prev span {
        color: #5b5b5b !important;
        font-weight: 500;
        position: relative;
        bottom: 12px;
        font-size: 32px !important;
        height: 36px !important;
        width: 16px !important;
        line-height: 36px;
        font-family: "Font Awesome 5 Pro";
    }

    .ot-012 #myTabContent .owl-next,
    .ot-012 #myTabContent .owl-prev {
        background: transparent !important;
        width: 32px !important;
        font-size: 32px !important;
        height: 32px;
        box-shadow: 0px 0px 0px !important;
    }

    .ot-012 .owl-theme .owl-nav .owl-prev {
        left: -28px;
    }

    .ot-012 .owl-theme .owl-nav .owl-next {
        right: -28px;
    }

    .ot-012 .owl-theme .owl-nav .owl-prev:hover {
        color: #626262;
    }

    .ot-012 .owl-theme .owl-nav .owl-next:hover {
        color: #626262;
    }

    .ot-012 .swiper-container {
        position: relative;
    }

        .ot-012 .swiper-container .swiper-button-next::after,
        .ot-012 .swiper-container .swiper-button-prev::after {
            width: 16px;
            height: 32px;
            font-size: 32px;
            color: #212529;
        }

        .ot-012 .swiper-container .swiper-button-next {
            position: absolute;
            right: -2rem;
        }

        .ot-012 .swiper-container .swiper-button-prev {
            position: absolute;
            left: -2rem;
        }

        .ot-012 .swiper-container .swiper-button-next::after {
            font-family: 'Font Awesome 5 Pro';
            font-weight: 300;
            content: "\f054";
        }

        .ot-012 .swiper-container .swiper-button-prev::after {
            font-family: 'Font Awesome 5 Pro';
            font-weight: 300;
            content: "\f053";
        }

    @media (max-width: 576px) {
        .ot-012 .top-20 {
            top: 0;
        }
    }

    @media (max-width: 767px) {
        .ot-012 #box-tab-2 .box-item-owl {
            height: 300px;
        }

            .ot-012 #box-tab-2 .box-item-owl.box3 {
                height: 420px;
            }
    }

    /* #endregion */