.bg-oxygen-blue-dots {
    background-color: #f7f7ff !important;
    background-image: url('../img/woo/bg1_slide.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#getErpPro {
    text-align: center;
}

.dotslide {
    display: none;
}

.dotslide-active {
    display: inline-block;
}



.dot {
    height: 15px;
    width: 15px;
    background-color: #1097ff;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

.dot:hover {
    background-color: #0006ac;
}

.dot.active {
    height: 15px;
    width: 15px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
}

.woocommerce_title{
    opacity: 1;
    color: rgba(25, 21, 22, 1);
    font-size: 56px;
    font-weight: 900;
    letter-spacing: -0.19px;
    text-align: left;
    line-height: 68px;
    max-width: 620px;
}

.subtext_woo{
    opacity: 1;
    color: rgba(134, 137, 149, 1);
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -0.08px;
    text-align: left;
    line-height: 34px;
}

#banner_woocommerce{
    position: relative;
    height: 720px;
}

.plugin_simple{
    opacity: 1;
    color: rgba(25, 21, 22, 1);
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -0.08px;
    text-align: center;
    line-height: 32px;
    max-width: 840px;
}

.icons-plugins{
    color: #A700E3;
    font-size: 32px;
}


.woo.feature-box-2{

    background-color: #E4D9FF3D;
    border-radius: 8px;
    box-shadow: none!important;
    border:none!important;
}

.woo.box_white{

    min-width: 180px;
    width: 180px;
    height: 180px;
    border-radius: 16px;
    background-color: white;
    position: relative;
}

.woo.box_white > img{
    position: absolute;
    top: 25%;
    left: 25%;
}

.woo.main_title_box{

    opacity: 1;
    color: rgba(25, 21, 22, 1);
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.08px;
    text-align: left;
    line-height: 28px;
    max-width: 400px;
    padding-bottom: 16px;
}

.woo.main_text{
    opacity: 1;
    color: rgba(25, 21, 22, 1);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.06px;
    text-align: left;
    line-height: 28px;
    padding-bottom: 16px;
    max-width: 400px;

}


.woo.note{

    opacity: 1;
    color: rgba(25, 21, 22, 1);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.04px;
    text-align: left;
    line-height: 16px;
}

.woo.img_purple{

    border-radius: 6px;
    opacity: 1;
    background-color: rgba(108, 0, 147, 1);
    height: 394px;
    width: 460px;
}

.woo.img_purple .img_bg{
    width: 95%;
    height: 100%;
    background-image: url('../img/woo/order_management.png'); /* Replace with your image path */
    background-size: contain; /* Ensures the image fits within the container */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */

}

.woo.img_purple .img_bg2{
    width: 100%;
    height: 100%;
    background-image: url('../img/woo/tamiaki_eshop.png'); /* Replace with your image path */
    background-size: contain; /* Ensures the image fits within the container */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */

}

.woo.img_text_title{
    opacity: 1;
    color: rgba(25, 21, 22, 1);
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.07px;
    text-align: left;
    line-height: 28px;
    padding-bottom: 24px;
}

.woo.img_text{

    max-width: 620px;
    opacity: 1;
    color: rgba(25, 21, 22, 1);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.05px;
    text-align: left;
    line-height: 24px;
}

.pricing_plans{
    opacity: 1;
    color: rgba(25, 21, 22, 1);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 22px;
}

.woo.plan_text{
    opacity: 1;
    color: rgba(25, 21, 22, 1);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 22px;
}

@media (max-width: 767px){

    #banner_woocommerce {
        height: 100%;
    }

    .woo.img_purple{

        margin-bottom: 40px;
    }


    .woo_boxes .second{
        margin-top: 40px;
    }

    .woocommerce_title {
        font-size: 32px !important;
        line-height: 32px!important;
    }

    .subtext_woo ,.plugin_simple{
        font-size: 20px !important;
    }

    .feature-box-2 {
        min-width: 100%;
        max-width: 100%;
    }

    .feature_parent .col-lg-4.pt-2,
    .feature_parent .col-lg-4{
        padding:20px 0!important;
    }

    .woo_boxes > div{

        flex-direction: column;
    }

    .main_box_text{
        padding:20px 0!important;
    }

    .woo.main_title_box,.woo.main_text,.woo.note{
        text-align: center;
        display: block;
    }

    .woo_plan{

        padding:15px 0!important;
    }

    #banner_woocommerce .grey_box_header {
        margin: 0 auto !important;
        background-color: #E4D9FF3D!important;
        line-height: 20px;
    }
}

@media (max-width: 992px){
    .woo_boxes > div{
        justify-content: center!important;
    }

    .woo_boxes .first ,.woo_boxes .second{
        padding-top:40px!important;
    }

    .woo .box_reverse{
        flex-direction: column-reverse;
        align-items: center;
    }

    .woo .mob_btn{
        justify-content: center;
    }

    .woo.img_text,.woo.img_text_title{

        text-align: center;
    }

    .woo .img_bg_purple{
        justify-content: center!important;
        padding-bottom: 40px;
    }

    .woo.img_text{
        max-width: 100% !important;
    }
}