@charset "utf-8";

@import "../initial";
.servicearea.id-2778 .tpwp-style1-servicebox-items {
    padding: 15px;
    text-align: left;
    background: #f8f8f8;
}
.servicearea .tpwp-style1-servicebox-items {
    padding: 13% !important;
}
.servicearea > div {
    padding-left: 15px;
    padding-right: 15px;
}
.serviceboxs-col-lg-3 {
    width: 33.2222%;
}
.serviceboxs-col-lg-1, .serviceboxs-col-lg-2, .serviceboxs-col-lg-3, .serviceboxs-col-lg-4, .serviceboxs-col-lg-5, .serviceboxs-col-lg-6, .serviceboxs-col-md-1, .serviceboxs-col-md-2, .serviceboxs-col-md-3, .serviceboxs-col-md-4, .serviceboxs-col-md-5, .serviceboxs-col-md-6, .serviceboxs-col-sm-1, .serviceboxs-col-sm-2, .serviceboxs-col-sm-3, .serviceboxs-col-sm-4, .serviceboxs-col-sm-5, .serviceboxs-col-sm-6, .serviceboxs-col-xs-1, .serviceboxs-col-xs-2, .serviceboxs-col-xs-3, .serviceboxs-col-xs-4, .serviceboxs-col-xs-5, .serviceboxs-col-xs-6 {
    float: left;
    margin-bottom: 10px;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}
@media (max-width: 651px) {
    .serviceboxs-col-xs-1 {
        width: 100%;
    }
}
.servicearea .tpwp-style1-service-content h3 {
    text-align: center;
}
.servicearea.id-2778 .tpwp-style1-service-content h3, .servicearea.id-2778 .tpwp-style1-service-content h3 a {
    color: #000;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;
}

.kt-row-column-wrap {
    padding: 0.5em;
    background-color: #fff;
    display: grid;
    gap: var(--global-row-gutter-md, 2rem) var(--global-row-gutter-md, 2rem);
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: minmax(0, 1fr);
    position: relative;
    z-index: 1;
}

.oxilab-flip-box-padding-2 {
    padding: 5px 10px;
    -webkit-transition: opacity 2s 
linear;
    -moz-transition: opacity 2s linear;
    -ms-transition: opacity 2s linear;
    -o-transition: opacity 2s linear;
    transition: opacity 2s 
linear;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}


////
/// 
    .oxilab-flip-box-body-2-2 .oxilab-flip-box-2 {
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/關於學程-1.png");
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .oxilab-flip-box-padding-2 {
        padding: 5px 10px;
        -webkit-transition: opacity 2s linear;
        -moz-transition: opacity 2s linear;
        -ms-transition: opacity 2s linear;
        -o-transition: opacity 2s linear;
        transition: opacity 2s linear;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

    .oxilab-flip-box-body-2 {
        max-width: 490px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .oxilab-flip-box-body-2:after {
        padding-bottom: 142.85714285714%;
        content: "";
        display: block;
    }

    .oxilab-flip-box-2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-color: rgba(0, 0, 0, 0);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
    }

    .oxilab-flip-box-2-data {
        position: absolute;
        left: 0%;
        top: 50%;
        padding: 10px 5px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
    }

    .oxilab-flip-box-2-data .oxilab-icon {
        display: block;
        text-align: center;
        padding: 6px 6px;
    }

    .oxilab-flip-box-2-data .oxilab-icon-data {
        display: inline-block;
        width: 0px;
        height: 0px;
        text-align: center;
    }

    .oxilab-flip-box-2-data .oxilab-icon-data .oxi-icons {
        line-height: 0px;
        font-size: 35px;
        color: #ffffff;
    }

    .oxilab-flip-box-2-data .oxilab-heading {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 36px;
        font-family: "Open Sans";
        font-weight: bold;
        font-style: normal;
        padding: 10px 10px 10px 10px;
    }

    .oxilab-flip-box-2-data .oxilab-info {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 16px;
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 6px 6px 6px 6px;
    }

    .oxilab-flip-box-back-2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-color: rgb(53, 108, 121);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
    }

    .oxilab-flip-box-back-2-data {
        position: absolute;
        left: 0%;
        right: 0;
        top: 50%;
        padding: 10px 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .oxilab-flip-box-back-2-data .oxilab-heading {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 18px;
        font-family: "Open Sans";
        font-weight: 600;
        font-style: normal;
        padding: 10px 10px 10px 10px;
    }

    .oxilab-flip-box-back-2-data .oxilab-info {
        display: block;
        color: #ffffff;
        text-align: Center;
    
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 6px 6px 6px 6px;
    }

    .oxilab-flip-box-back-2-data .oxilab-button {
        display: block;
        text-align: Center;
        padding: 8px 8px 8px 8px;
    }

    .oxilab-flip-box-back-2-data .oxilab-button-data {
        display: inline-block;
        font-size: 14px;
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 10px 20px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -o-border-radius: 40px;
        -ms-border-radius: 40px;
        border-radius: 40px;
        color: #000000;
        background-color: rgba(255, 255, 255, 1);
    }

    .oxilab-flip-box-back-2-data .oxilab-button-data:hover {
        background-color: rgba(125, 67, 240, 1);
        color: #ffffff;
    }

    .oxilab-flip-box-body-3-3 .oxilab-flip-box-3 {
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/關於學程-2.png");
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .oxilab-flip-box-padding-3 {
        padding: 5px 10px;
        -webkit-transition: opacity 2s linear;
        -moz-transition: opacity 2s linear;
        -ms-transition: opacity 2s linear;
        -o-transition: opacity 2s linear;
        transition: opacity 2s linear;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

    .oxilab-flip-box-body-3 {
        max-width: 490px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .oxilab-flip-box-body-3:after {
        padding-bottom: 142.85714285714%;
        content: "";
        display: block;
    }

    .oxilab-flip-box-3 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-color: rgba(0, 0, 0, 0);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
    }

    .oxilab-flip-box-3-data {
        position: absolute;
        left: 0%;
        top: 50%;
        padding: 10px 5px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
    }

    .oxilab-flip-box-3-data .oxilab-icon {
        display: block;
        text-align: center;
        padding: 6px 6px;
    }

    .oxilab-flip-box-3-data .oxilab-icon-data {
        display: inline-block;
        width: 0px;
        height: 0px;
        text-align: center;
    }

    .oxilab-flip-box-3-data .oxilab-icon-data .oxi-icons {
        line-height: 0px;
        font-size: 35px;
        color: #ffffff;
    }

    .oxilab-flip-box-3-data .oxilab-heading {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 36px;
        font-family: "Open Sans";
        font-weight: bold;
        font-style: normal;
        padding: 10px 10px 10px 10px;
    }

    .oxilab-flip-box-3-data .oxilab-info {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 16px;
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 6px 6px 6px 6px;
    }

    .oxilab-flip-box-back-3 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-color: rgba(93, 89, 84, 1);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
    }

    .oxilab-flip-box-back-3-data {
        position: absolute;
        left: 0%;
        right: 0;
        top: 50%;
        padding: 10px 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .oxilab-flip-box-back-3-data .oxilab-heading {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 18px;
        font-family: "Open Sans";
        font-weight: 600;
        font-style: normal;
        padding: 10px 10px 10px 10px;
    }

    .oxilab-flip-box-back-3-data .oxilab-info {
        display: block;
        color: #ffffff;
        text-align: Center;
    
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 6px 6px 6px 6px;
    }

    .oxilab-flip-box-back-3-data .oxilab-button {
        display: block;
        text-align: Center;
        padding: 8px 8px 8px 8px;
    }

    .oxilab-flip-box-back-3-data .oxilab-button-data {
        display: inline-block;
        font-size: 14px;
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 10px 20px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -o-border-radius: 40px;
        -ms-border-radius: 40px;
        border-radius: 40px;
        color: #000000;
        background-color: rgba(255, 255, 255, 1);
    }

    .oxilab-flip-box-back-3-data .oxilab-button-data:hover {
        background-color: rgba(125, 67, 240, 1);
        color: #ffffff;
    }

    .oxilab-flip-box-body-4-4 .oxilab-flip-box-4 {
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/關於學程-3.png");
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .oxilab-flip-box-padding-4 {
        padding: 5px 10px;
        -webkit-transition: opacity 2s linear;
        -moz-transition: opacity 2s linear;
        -ms-transition: opacity 2s linear;
        -o-transition: opacity 2s linear;
        transition: opacity 2s linear;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

    .oxilab-flip-box-body-4 {
        max-width: 490px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .oxilab-flip-box-body-4:after {
        padding-bottom: 142.85714285714%;
        content: "";
        display: block;
    }

    .oxilab-flip-box-4 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-color: rgba(0, 0, 0, 0);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
    }

    .oxilab-flip-box-4-data {
        position: absolute;
        left: 0%;
        top: 50%;
        padding: 10px 5px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
    }

    .oxilab-flip-box-4-data .oxilab-icon {
        display: block;
        text-align: center;
        padding: 6px 6px;
    }

    .oxilab-flip-box-4-data .oxilab-icon-data {
        display: inline-block;
        width: 0px;
        height: 0px;
        text-align: center;
    }

    .oxilab-flip-box-4-data .oxilab-icon-data .oxi-icons {
        line-height: 0px;
        font-size: 35px;
        color: #ffffff;
    }

    .oxilab-flip-box-4-data .oxilab-heading {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 36px;
        font-family: "Open Sans";
        font-weight: bold;
        font-style: normal;
        padding: 10px 10px 10px 10px;
    }

    .oxilab-flip-box-4-data .oxilab-info {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 16px;
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 6px 6px 6px 6px;
    }

    .oxilab-flip-box-back-4 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-color: rgba(53, 122, 137, 1);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
    }

    .oxilab-flip-box-back-4-data {
        position: absolute;
        left: 0%;
        right: 0;
        top: 50%;
        padding: 10px 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .oxilab-flip-box-back-4-data .oxilab-heading {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 18px;
        font-family: "Open Sans";
        font-weight: 600;
        font-style: normal;
        padding: 10px 10px 10px 10px;
    }

    .oxilab-flip-box-back-4-data .oxilab-info {
        display: block;
        color: #ffffff;
        text-align: Center;
    
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 6px 6px 6px 6px;
    }

    .oxilab-flip-box-back-4-data .oxilab-button {
        display: block;
        text-align: Center;
        padding: 8px 8px 8px 8px;
    }

    .oxilab-flip-box-back-4-data .oxilab-button-data {
        display: inline-block;
        font-size: 14px;
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 10px 20px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -o-border-radius: 40px;
        -ms-border-radius: 40px;
        border-radius: 40px;
        color: #000000;
        background-color: rgba(255, 255, 255, 1);
    }

    .oxilab-flip-box-back-4-data .oxilab-button-data:hover {
        background-color: rgba(125, 67, 240, 1);
        color: #ffffff;
    }

    .oxilab-flip-box-body-5-5 .oxilab-flip-box-5 {
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/關於學程-4.png");
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .oxilab-flip-box-padding-5 {
        padding: 5px 10px;
        -webkit-transition: opacity 2s linear;
        -moz-transition: opacity 2s linear;
        -ms-transition: opacity 2s linear;
        -o-transition: opacity 2s linear;
        transition: opacity 2s linear;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

    .oxilab-flip-box-body-5 {
        max-width: 490px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .oxilab-flip-box-body-5:after {
        padding-bottom: 142.85714285714%;
        content: "";
        display: block;
    }

    .oxilab-flip-box-5 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-color: rgba(0, 0, 0, 0);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
    }

    .oxilab-flip-box-5-data {
        position: absolute;
        left: 0%;
        top: 50%;
        padding: 10px 5px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
    }

    .oxilab-flip-box-5-data .oxilab-icon {
        display: block;
        text-align: center;
        padding: 6px 6px;
    }

    .oxilab-flip-box-5-data .oxilab-icon-data {
        display: inline-block;
        width: 0px;
        height: 0px;
        text-align: center;
    }

    .oxilab-flip-box-5-data .oxilab-icon-data .oxi-icons {
        line-height: 0px;
        font-size: 35px;
        color: #ffffff;
    }

    .oxilab-flip-box-5-data .oxilab-heading {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 36px;
        font-family: "Open Sans";
        font-weight: bold;
        font-style: normal;
        padding: 10px 10px 10px 10px;
    }

    .oxilab-flip-box-5-data .oxilab-info {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 16px;
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 6px 6px 6px 6px;
    }

    .oxilab-flip-box-back-5 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-color: rgba(164, 86, 86, 1);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        -webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        -ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
        box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
    }

    .oxilab-flip-box-back-5-data {
        position: absolute;
        left: 0%;
        right: 0;
        top: 50%;
        padding: 10px 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .oxilab-flip-box-back-5-data .oxilab-heading {
        display: block;
        color: #ffffff;
        text-align: Center;
        font-size: 18px;
        font-family: "Open Sans";
        font-weight: 600;
        font-style: normal;
        padding: 10px 10px 10px 10px;
    }

    .oxilab-flip-box-back-5-data .oxilab-info {
        display: block;
        color: #ffffff;
        text-align: Center;
    
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 6px 6px 6px 6px;
    }

    .oxilab-flip-box-back-5-data .oxilab-button {
        display: block;
        text-align: Center;
        padding: 8px 8px 8px 8px;
    }

    .oxilab-flip-box-back-5-data .oxilab-button-data {
        display: inline-block;
        font-size: 14px;
        font-family: "Open Sans";
        font-weight: 300;
        font-style: normal;
        padding: 10px 20px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -o-border-radius: 40px;
        -ms-border-radius: 40px;
        border-radius: 40px;
        color: #000000;
        background-color: rgba(255, 255, 255, 1);
    }

    .oxilab-flip-box-back-5-data .oxilab-button-data:hover {
        background-color: rgba(125, 67, 240, 1);
        color: #ffffff;
    }

//
.oxi-addons-container{
    width: 100%;
    position: relative;
    display: flex;
}
.oxi-addons-container-flipbox-preloader{
    opacity: 0;
}

.oxi-addons-container.oxi-addons-container-flipbox-preloader.oxi-addons-container-flipbox-loaded{
    opacity: 1;
}

.oxilab-flip-box-wrapper{
    width: 100%;
    float: left;
    position: relative;
}
.oxilab-flip-box-wrapper *{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-decoration: none;    
    box-sizing: border-box;
}
.oxilab-button-data{
    line-height: 1.2;
}
.oxilab-flip-box-col-1, .oxilab-carousel-property {
    width: 100%;
    float: left;
}
.oxilab-flip-box-col-2{
    width: 50%;
    float: left;
}
.oxilab-flip-box-col-3 {
    width: 33.33%;
    float: left;
}
.oxilab-flip-box-col-4{
    width: 25%;
    float: left;
}
.oxilab-flip-box-col-5{
    width: 20%;
    float: left;
}
.oxilab-flip-box-col-6{
    width: 16.66%;
    float: left;
}

@media only screen and (min-width: 601px)and (max-width: 900px){
    .oxilab-flip-box-col-6, .oxilab-flip-box-col-5{
        width: 33.33%;
    }

    .oxilab-flip-box-col-4, .oxilab-flip-box-col-3{
        width: 50%;
    }
    .image-ultimate-responsive-2{
        width: 100%;
    }
}

@media only screen and (max-width: 600px){
    .oxilab-flip-box-col-6, .oxilab-flip-box-col-5{
        width: 50%;
    }

    .oxilab-flip-box-col-4, .oxilab-flip-box-col-3{
        width: 100%;
    }
    .oxilab-flip-box-col-2{
        width: 100%;
    }
}
@media only screen and (max-width: 400px){
    .oxilab-flip-box-col-6, .oxilab-flip-box-col-5{
        width: 100%;
    }

}
.owl-item .oxilab-flip-box-col-1,
.owl-item .oxilab-flip-box-col-2,
.owl-item .oxilab-flip-box-col-3,
.owl-item .oxilab-flip-box-col-4,
.owl-item .oxilab-flip-box-col-5,
.owl-item .oxilab-flip-box-col-6{
    width: 100%;
}

.oxilab-flip-box-body-absulote{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.oxilab-flip-box-flip{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}
.oxilab-flip-box-flip .oxilab-flip-box-style-data{
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-property: none;
    transition-property: none;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    width: 100%;
    position: relative;
    height: 100%;
}

.oxilab-flip-box-style{
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}
.oxilab-flip-box-style,
.oxilab-flip-box-front,
.oxilab-flip-box-back,
.oxilab-flip-box-xflank,
.oxilab-flip-box-yflank{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition-property: transform;
    -webkit-transition-property: transform;
}
.easing_easeInOutExpo * {
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.easing_easeInOutCirc * {
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.easing_easeOutBack * {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.oxilab-flip-box-front {
    position: relative;
}
.oxilab-flip-box-back,
.oxilab-flip-box-xflank,
.oxilab-flip-box-yflank {
    position: absolute;
    left: 0;
    top: 0;
}
.oxilab-flip-box-flip:hover .oxilab-flip-box-front,
.oxilab-flip-box-flip.active .oxilab-flip-box-front{
    z-index: -1;
}
.oxilab-flip-box-flip:hover .oxilab-flip-box-front,
.oxilab-flip-box-flip.active .oxilab-flip-box-front{
    z-index: 1;
}
.oxilab-flip-box-flip-bottom-to-top .oxilab-flip-box-front {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}
.oxilab-flip-box-flip-bottom-to-top .oxilab-flip-box-back {
    transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
}
.oxilab-flip-box-flip-bottom-to-top.active .oxilab-flip-box-front,
.oxilab-flip-box-flip-bottom-to-top:hover .oxilab-flip-box-front{
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}
.oxilab-flip-box-flip-bottom-to-top.active .oxilab-flip-box-back,
.oxilab-flip-box-flip-bottom-to-top:hover .oxilab-flip-box-back {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}
.oxilab-flip-box-flip-left-to-right .oxilab-flip-box-front {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}
.oxilab-flip-box-flip-left-to-right .oxilab-flip-box-back {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}
.oxilab-flip-box-flip-left-to-right.active .oxilab-flip-box-front,
.oxilab-flip-box-flip-left-to-right:hover .oxilab-flip-box-front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
.oxilab-flip-box-flip-left-to-right.active .oxilab-flip-box-back,
.oxilab-flip-box-flip-left-to-right:hover .oxilab-flip-box-back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}
.oxilab-flip-box-flip-right-to-left .oxilab-flip-box-front {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}
.oxilab-flip-box-flip-right-to-left .oxilab-flip-box-back {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
.oxilab-flip-box-flip-right-to-left.active .oxilab-flip-box-front,
.oxilab-flip-box-flip-right-to-left:hover .oxilab-flip-box-front{
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}
.oxilab-flip-box-flip-right-to-left.active .oxilab-flip-box-back,
.oxilab-flip-box-flip-right-to-left:hover .oxilab-flip-box-back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.oxilab-flip-box-flip-top-to-bottom .oxilab-flip-box-front {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}
.oxilab-flip-box-flip-top-to-bottom .oxilab-flip-box-back {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}
.oxilab-flip-box-flip-top-to-bottom.active .oxilab-flip-box-front,
.oxilab-flip-box-flip-top-to-bottom:hover .oxilab-flip-box-front{
    transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
}
.oxilab-flip-box-flip-top-to-bottom.active .oxilab-flip-box-back,
.oxilab-flip-box-flip-top-to-bottom:hover .oxilab-flip-box-back {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}
//

.kb-row-layout-wrap,.kt-row-layout-inner {
    border: 0 solid transparent;
    position: relative
}

.kb-row-layout-wrap:before,.kt-row-layout-inner:before {
    clear: both;
    content: "";
    display: table
}

.kt-row-column-wrap {
    display: grid;
    gap: var(--global-row-gutter-md,2rem) var(--global-row-gutter-md,2rem);
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: minmax(0,1fr);
    position: relative;
    z-index: 1
}

.wp-block-kadence-rowlayout .kt-row-column-wrap.kb-theme-content-width {
    margin-left: auto;
    margin-right: auto
}

.alignfull>.kt-row-column-wrap,.alignfull>.kt-row-layout-inner>.kt-row-column-wrap,.kt-row-has-bg>.kt-row-column-wrap {
    padding-left: var(--global-content-edge-padding,15px);
    padding-right: var(--global-content-edge-padding,15px)
}

.kt-inner-column-height-full:not(.kt-row-layout-row) {
    grid-auto-rows: minmax(0,1fr)
}

.kt-inner-column-height-full:not(.kt-row-layout-row)>.wp-block-kadence-column>.kt-inside-inner-col {
    height: 100%
}

.kt-row-valign-middle.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.kt-row-valign-middle.kt-inner-column-height-full>.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col {
    align-items: center
}

.kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col {
    align-items: flex-end
}

@media screen and (max-width: 1024px) {
    .kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row,.kt-inner-column-height-full.kt-tab-layout-row {
        grid-auto-rows:minmax(min-content,max-content)
    }

    .kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row>.wp-block-kadence-column>.kt-inside-inner-col,.kt-inner-column-height-full.kt-tab-layout-row>.wp-block-kadence-column>.kt-inside-inner-col {
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .kt-inner-column-height-full.kt-mobile-layout-row {
        grid-auto-rows:minmax(min-content,max-content)
    }

    .kt-inner-column-height-full.kt-mobile-layout-row>.wp-block-kadence-column>.kt-inside-inner-col {
        height: auto
    }
}

.kt-row-layout-overlay {
    filter: opacity(100%);
    height: 100%;
    left: 0;
    opacity: .3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.kt-row-layout-overlay.kt-jarallax {
    filter: none
}

@media(min-width: 768px)and (max-width:1024px) {
    .wp-block-kadence-rowlayout [id*=jarallax-container-]>div {
        height:var(--kb-screen-height-fix,100vh)!important;
        margin-top: -40px!important
    }
}

@media only screen and (min-width: 768px)and (max-width:1366px)and (-webkit-min-device-pixel-ratio:2) {
    .wp-block-kadence-rowlayout [id*=jarallax-container-]>div {
        height:var(--kb-screen-height-fix,100vh)!important;
        margin-top: -40px!important
    }
}

.entry-content .wp-block-kadence-rowlayout.alignfull,.entry-content .wp-block-kadence-rowlayout.alignwide {
    margin-bottom: 0;
    text-align: inherit
}

.kt-row-layout-bottom-sep {
    bottom: -1px;
    height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 1
}

.kt-row-layout-bottom-sep svg {
    fill: #fff;
    bottom: 0;
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100.2%
}

.kt-row-layout-top-sep {
    height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 1
}

.kt-row-layout-top-sep svg {
    fill: #fff;
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%) rotate(180deg);
    width: 100.2%
}

.kb-row-layout-wrap>.kb-blocks-bg-slider,.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init.kt-blocks-carousel-init,.kt-row-layout-inner>.kb-blocks-bg-slider,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init.kt-blocks-carousel-init {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__list,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__slide,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__track,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__list,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__slide,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__track {
    height: 100%
}

.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__list,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__list {
    height: 100%!important
}

.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain div.kb-bg-slide,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain div.kb-bg-slide {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain {
    display: none
}

.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain:first-child,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain:first-child {
    display: block
}

.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain div,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain div {
    height: 100%;
    position: relative
}

.kb-blocks-bg-slider-init.splide .splide__pagination {
    bottom: 10px
}

.kb-blocks-bg-slider-init.splide .splide__arrow {
    z-index: 100
}

.kb-blocks-bg-video-container {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.kb-blocks-bg-video-container .kb-blocks-bg-video {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.kb-blocks-bg-video-container .kb-blocks-bg-video::-webkit-media-controls {
    display: none!important
}

.kb-blocks-bg-video-container.embedded .kb-blocks-bg-video {
    display: block;
    height: 56.25vw;
    left: 50%;
    min-height: auto;
    min-width: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100vw
}

.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper {
    bottom: 20px;
    position: absolute;
    right: 20px;
    z-index: 11
}

.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper .button.kb-toggle-video-btn {
    background: rgba(0,0,0,.3);
    border: 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;

    height: 32px;
    line-height: 16px;
    margin: 0 0 0 8px;
    opacity: .5;
    padding: 8px;
    transition: opacity .3s ease-in-out
}

.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper .button.kb-toggle-video-btn svg {
    height: 16px;
    vertical-align: bottom;
    width: 16px
}

.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper button.kb-toggle-video-btn:hover {
    opacity: 1
}

.kb-blocks-bg-video {
    background-position: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%
}

@media(max-width: 767px) {
    .kvs-sm-false {
        display:none!important
    }
}

@media(min-width: 768px)and (max-width:1024px) {
    .kvs-md-false {
        display:none!important
    }
}

@media screen and (min-width: 1025px) {
    .kvs-lg-false {
        display:none!important
    }
}

.wp-block-kadence-rowlayout .kb-blocks-bg-slider .splide-arrow {
    z-index: 1000
}

            .kb-row-layout-id1080_44e060-c1 > .kt-row-column-wrap {
                max-width: 70%;
                margin-left: auto;
                margin-right: auto;
                padding-top: var( --global-kb-row-default-top, var(--global-kb-spacing-sm, 1.5rem) );
                padding-bottom: var( --global-kb-row-default-bottom, var(--global-kb-spacing-sm, 1.5rem) );
                grid-template-columns: minmax(0, 1fr);
            }

            @media all and (max-width: 767px) {
                .kb-row-layout-id1080_44e060-c1 > .kt-row-column-wrap {
                    max-width:95%;
                    margin-left: auto;
                    margin-right: auto;
                    grid-template-columns: minmax(0, 1fr);
                }
            }

            .wp-block-kadence-spacer.kt-block-spacer-1080_9bfa9b-38 .kt-block-spacer {
                height: 35px;
            }

            .wp-block-kadence-spacer.kt-block-spacer-1080_9bfa9b-38 .kt-divider {
                border-top-width: 15px;
                height: 1px;
                border-top-color: #345f8c;
                width: 50%;
            }

            @media all and (max-width: 767px) {
                .wp-block-kadence-spacer.kt-block-spacer-1080_9bfa9b-38 .kt-divider {
                    width:100%!important;
                }
            }

            .kb-row-layout-id1080_bb146b-4a > .kt-row-column-wrap {
                column-gap: var(--global-kb-gap-none, 0 );
                row-gap: var(--global-kb-gap-none, 0 );
                max-width: 70%;
                margin-left: auto;
                margin-right: auto;
                padding-top: var( --global-kb-row-default-top, var(--global-kb-spacing-sm, 1.5rem) );
                padding-bottom: var( --global-kb-row-default-bottom, var(--global-kb-spacing-sm, 1.5rem) );
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }

            @media all and (max-width: 767px) {
                .kb-row-layout-id1080_bb146b-4a > .kt-row-column-wrap {
                    max-width:95%;
                    margin-left: auto;
                    margin-right: auto;
                    grid-template-columns: minmax(0, 1fr);
                }
            }

.wp-block-kadence-advancedbtn .kb-btn1076_069d5f-b9.kb-button,.kb-button {
    color: #FFF!important;
    background: #577494;
    font-size: 1em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0.5em;
    a{
        color: #fff;
    }
}
.kb-buttons-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}
.kb-button, .kb-buttons-wrap {
    align-items: center;
    justify-content: center;
}  
.wp-block-kadence-advancedbtn.kb-btns1076_1c8c0e-ad {
    padding-bottom: 1em;
}