
:root { 
    --green-primary: #354E33; 
    --Light-Gray: #F5F5F5; 
    --Soft-Blue-Gray: #ADC2CD; 
    --Soft-Blue-Gray-2: #A9C2CC;
    --muted-Beige: #A78D81; 
    --Dark-Blue: #1F3B62;
    --pale-Gray : #E9E9E9;
    --primary : #1F3C64;
    --secondary : #06BC7F;
    --Light-Blue: #E8EFF4;
    --red : #B11922;
    --red-hover : #D61F2B;

    --light-green : #E1EBE2;
    --white : #fff;
}
.max1920 {
    max-width: 1920px;
    margin: auto;
}
div.pxl-heading.px-sub-title-default-style .pxl-item--title {
    line-height: normal;
    overflow: auto;
    overflow-y: hidden;
}

.lh_normal div.pxl-heading.px-sub-title-default-style .pxl-item--title {
    line-height: normal;
    overflow: auto;
}
#pxl-hidden-panel-popup .pxl-close {
    width: 54px;
    height: 54px;
    border-width: 10px;
    position: absolute;
    top: 20px !important;
    right: 45px;
    z-index: 99;
}
.elementor-page.single-product  #pxl-main {
    padding: 160px 0 140px 0;
    min-height: calc(100vh - 606px);
}
.woocommerce ul.products li.product .woocommerce-product-title, .woocommerce .woocommerce-product-title {
    -webkit-line-clamp: 2  !important;
    margin-bottom: 5px;
}
.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav li, 
.single-product > div.product .woocommerce-product-gallery .flex-control-nav li {
    height: auto !important;
}
.custom-product-v1 .woocommerce  span.onsale {
    top: 0px !important;
    left: 0px !important;
}

/*use--Template-no11*/
.use--Template-no11 { max-width: 1920px; margin-left: auto; margin-right: auto; }
.use--Template-no11>.e-con-inner { position: relative; z-index: 3; }
.use--Template-no11:before { background: #fff; content: ""; padding: 0 1000px; width: 100%; overflow: hidden; position: absolute; height: 100%; display: block !important; top: 0; box-sizing: content-box; margin-left: -1000px; max-width: 1920px; margin: auto; padding: 0 0px !important; margin-left: -0px !important; }
.use--Template-no11:after {
    background: #f5f5f5;
    z-index: 2;
    left: 0px;
    content: "";
    width: 100%;
    overflow: hidden;
    position: absolute;
    display: block !important;
    top: 0;
    box-sizing: content-box;
    max-width: 1920px;
    margin: auto;
    padding: 0 0px !important;
    margin-left: -0px !important;
    height: 80%;
    bottom: 0;
    transform: translate(0%, -0%);
    top: auto;
}
@media (max-width:1024px) {
    .use--Template-no11:before { display: none !important; }
    .use--Template-no11:after { height: 80%; top: auto; transform: translate(0%, 0%); bottom: 0; }
}

/*use--Template-no12*/
.use--Template-no12 { max-width: 1920px; margin-left: auto; margin-right: auto; }
.use--Template-no12>.e-con-inner { position: relative; z-index: 3; }
.use--Template-no12:before { background: #fff; content: ""; padding: 0 1000px; width: 100%; overflow: hidden; position: absolute; height: 100%; display: block !important; top: 0; box-sizing: content-box; margin-left: -1000px; max-width: 1920px; margin: auto; padding: 0 0px !important; margin-left: -0px !important; }
.use--Template-no12:after {
    background: #1F3B62;
    z-index: 2;
    left: 0px;
    content: "";
    width: 100%;
    overflow: hidden;
    position: absolute;
    display: block !important;
    top: 0;
    box-sizing: content-box;
    max-width: 1920px;
    margin: auto;
    padding: 0 0px !important;
    margin-left: -0px !important;
    height: 80%;
    bottom: 0;
    transform: translate(0%, -0%);
    top: auto;
}
.use--Template-no12.h90:after { height: 87%; }
@media (max-width:1024px) {
    .use--Template-no12:after { height: 70%; top: auto; transform: translate(0%, 0%); bottom: 0; }
}
@media (max-width:767px) {
    .use--Template-no12:after { height: 80%;  }
}

/*use--Template-no13*/
.use--Template-no13 { max-width: 1920px; margin-left: auto; margin-right: auto; }
.use--Template-no13>.e-con-inner { position: relative; z-index: 3; }
.use--Template-no13:before { background: #fff; content: ""; padding: 0 1000px; width: 100%; overflow: hidden; position: absolute; height: 100%; display: block !important; top: 0; box-sizing: content-box; margin-left: -1000px; max-width: 1920px; margin: auto; padding: 0 0px !important; margin-left: -0px !important; }
.use--Template-no13:after { background: #C3D0DA; z-index: 2; left: 0px; content: ""; width: 100%; overflow: hidden; position: absolute; display: block !important; top: 0; box-sizing: content-box; max-width: 1920px; margin: auto; padding: 0 0px !important; margin-left: -0px !important; height: 70%; top: 50%; transform: translate(0%, -50%); }
.use--Template-no13.h90:after { height: 90%; }

.use--Template-no13.--Dark-Blue:after{background: var(--Dark-Blue);}
.use--Template-no13.--pale-Gray:after{background: var(--pale-Gray);}
.use--Template-no13.--Light-Blue:after{background: var(--Light-Blue);}
.use--Template-no13.--Light-Gray:after{background: var(--Light-Gray);}
.use--Template-no13.--Soft-Blue-Gray:after{background: var(--Soft-Blue-Gray);}
.use--Template-no13.--Soft-Blue-Gray-2:after{background: var(--Soft-Blue-Gray-2);}
.use--Template-no13.--H70:after { height: 70%; }
.use--Template-no13.--H80:after { height: 80%; }
.use--Template-no13.--H85:after { height: 85%; }
.use--Template-no13.--H90:after { height: 90%; }

@media (max-width:1024px) {
    .use--Template-no13:before {left: 0;}
    .use--Template-no13:after { height: 80%; top: auto; transform: translate(0%, 0%); bottom: 0; }
}


/*use--Template-no14*/
.use--Template-no14 { max-width: 1920px; margin-left: auto; margin-right: auto; }
.use--Template-no14>.e-con-inner { position: relative; z-index: 3; }
.use--Template-no14:before { background: #fff; content: ""; padding: 0 1000px; width: 100%; overflow: hidden; position: absolute; height: 100%; display: block !important; top: 0; box-sizing: content-box; margin-left: -1000px; max-width: 1920px; margin: auto; padding: 0 0px !important; margin-left: -0px !important; }
.use--Template-no14:after {
    background: #A78D81;
    z-index: 2;
    left: 0px;
    content: "";
    width: 100%;
    overflow: hidden;
    position: absolute;
    display: block !important;
    top: 0;
    box-sizing: content-box;
    max-width: 1920px;
    margin: auto;
    padding: 0 0px !important;
    margin-left: -0px !important;
    height: 100%;
    bottom: 0;
    transform: translate(0%, -0%);
    top: auto;
}
.use--Template-no14.h90:after { height: 87%; }
.use--Template-no14.--Dark-Blue:after{background: var(--Dark-Blue);}
.use--Template-no14.--pale-Gray:after{background: var(--pale-Gray);}
.use--Template-no14.--Light-Blue:after{background: var(--Light-Blue);}
.use--Template-no14.--Light-Gray:after{background: var(--Light-Gray);}
.use--Template-no14.--Soft-Blue-Gray:after{background: var(--Soft-Blue-Gray);}
.use--Template-no14.--Soft-Blue-Gray-2:after{background: var(--Soft-Blue-Gray-2);}

.use--Template-no14.--light-green:after{background: var(--light-green);}
.use--Template-no14.--white:after{background: var(--white);}




@media (max-width:1024px) {
    .use--Template-no14:after { height: 70%; top: auto; transform: translate(0%, 0%); bottom: 0; }
    .use--Template-no14:before {left: 0;}
    .use--Template-no14.--Dark-Blue .sub-temno15--addbg:after{background:  var(--Dark-Blue);}
    .use--Template-no14.--pale-Gray .sub-temno15--addbg:after{background:  var(--pale-Gray);}
    .use--Template-no14.--Light-Blue .sub-temno15--addbg:after{background: var(--Light-Blue);}
    .use--Template-no14.--Light-Gray .sub-temno15--addbg:after{background: var(--Light-Gray);}
    .use--Template-no14.--Soft-Blue-Gray .sub-temno15--addbg:after{background: var(--Soft-Blue-Gray);}
    .use--Template-no14.--Soft-Blue-Gray-2 .sub-temno15--addbg:after{background: var(--Soft-Blue-Gray-2);}
}
@media (max-width:767px) {
    .use--Template-no14:before{left: 0px;}
    .use--Template-no14:after { height: 80%;  }

}


/*use--Template-no15*/
.use--Template-no15 { max-width: 1920px; margin-left: auto; margin-right: auto; }
.use--Template-no15>.e-con-inner { position: relative; z-index: 3; }
.use--Template-no15:before { background: #fff; content: ""; padding: 0 1000px; width: 100%; overflow: hidden; position: absolute; height: 100%; display: block !important; top: 0; box-sizing: content-box; margin-left: -1000px; max-width: 1920px; margin: auto; padding: 0 0px !important; margin-left: -0px !important; }
.use--Template-no15:after { background: var(--Light-Gray); z-index: 2; left: 0px; content: ""; width: 100%; overflow: hidden; position: absolute; display: block !important; top: 0; box-sizing: content-box; max-width: 1920px; margin: auto; padding: 0 0px !important; margin-left: -0px !important; height: 80%; top: 50%; transform: translate(0%, -50%); }
.use--Template-no15.--Dark-Blue:after{background: var(--Dark-Blue);}
.use--Template-no15.--pale-Gray:after{background: var(--pale-Gray);}
.use--Template-no15.--Light-Blue:after{background: var(--Light-Blue);}
.use--Template-no15.--Light-Gray:after{background: var(--Light-Gray);}
.use--Template-no15.--Soft-Blue-Gray:after{background: var(--Soft-Blue-Gray);}
.use--Template-no15.--Soft-Blue-Gray-2:after{background: var(--Soft-Blue-Gray-2);}
.use--Template-no15.--H70:after { height: 70%; }
.use--Template-no15.--H85:after { height: 85%; }
.use--Template-no15.--H90:after { height: 90%; }
@media (max-width:1024px) {
    .use--Template-no15:after { display: none !important; }
    .use--Template-no15 .sub-temno15--addbg:after { z-index: 2; left: 0px; background:  var(--Light-Gray); content: ""; width: 100%; overflow: hidden; position: absolute; display: block !important; top: 0; box-sizing: content-box; max-width: 1920px; margin: auto; padding: 0 0px !important; margin-left: -0px !important; height: 80%; top: 50%; transform: translate(0%, -50%); }
    .use--Template-no15 .sub-temno15--addbg>.elementor-column-wrap { position: relative; z-index: 3; }
    .use--Template-no15.--Dark-Blue .sub-temno15--addbg:after{background:  var(--Dark-Blue);}
    .use--Template-no15.--pale-Gray .sub-temno15--addbg:after{background:  var(--pale-Gray);}
    .use--Template-no15.--Light-Blue .sub-temno15--addbg:after{background: var(--Light-Blue);}
    .use--Template-no15.--Light-Gray .sub-temno15--addbg:after{background: var(--Light-Gray);}
    .use--Template-no15.--Soft-Blue-Gray .sub-temno15--addbg:after{background: var(--Soft-Blue-Gray);}
    .use--Template-no15.--Soft-Blue-Gray-2 .sub-temno15--addbg:after{background: var(--Soft-Blue-Gray-2);}
}


/* ---- box_clicktosee ---- */

@media (max-width:767px) {
    .box_clicktosee { display: block; position: absolute; bottom: 0; z-index: 1; width: 100%; height: 50px; background-image: linear-gradient(to bottom, #ffffff87, #fff); margin-left: -20px; margin-right: -20px; width: calc(100% + 60px); margin: 0; margin-left: -30px; }
    .box_clicktosee .pxl-item--inner  { display: flex !important; flex-direction: column; align-items: center; }
    .box_clicktosee .clicktosee { background: white; width: 100px; text-align: center; border-radius: 50px; display: flex; justify-content: center; align-items: center; position: absolute; bottom: -10px; box-shadow: 0px 5px 15px -3px rgb(0 0 0 / 26%); padding: 5px; cursor: pointer; left: auto; margin-left: 0px; box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); background: #E9E9E9; }
    .box_clicktosee .clicktosee i.fa.fa-angle-down { font-size: 18px; font-weight: bold; color: #707070; }
    .box_clicktosee .clicktosee span { display: none; }
    .box_hidetosee { height: 250px; overflow: hidden; }
    .box_hidetosee.h100 {
        height: 100px;
    }
    .box_hidetosee.h150 {
        height: 150px;
    }
    .box_hidetosee.h100.show { height: auto; }
    .box_hidetosee.h150.show { height: auto; }

    .box_hidetosee.show { height: auto; }
    .main-ctsee.show .box_clicktosee{
        background-image: none;
    }
    .main-ctsee.show  i.fa.fa-angle-down::before {
        content: "\f106";
    }

    

   
/*-------- themewhite --------*/
    

    /*themewhite_center*/
    .box_clicktosee.themewhite_center {
        position: relative;
        background-image: none;
        width: 100%;
        left: 0;
        margin: 0;
        height: 30px;
        width: calc(100% + 0px);
        margin-left: 0px;
        margin-right: 0px;
    }
    .box_clicktosee.themewhite_center>.elementor-widget-container {
        position: absolute;
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        bottom: 30px;
        position: absolute;
        border-bottom: 2px solid #1b3962;
        height: 100px;
        background-image: linear-gradient(to bottom, #1f3c64d4, #1F3B62);
        background: transparent linear-gradient(180deg, #1F3C6400 0%, #1F3C64 100%) 0% 0% no-repeat padding-box;
        margin-top: auto;
        left: 0;
        background-image: linear-gradient(to bottom, #ffffff87, #fff);
        border-bottom: 1px solid #eaeaea;
    }
    .box_clicktosee.themewhite_center .clicktosee {
        background: white;
        color: #707070;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    }
    .box_clicktosee.themewhite_center .clicktosee i.fa.fa-angle-down { color: #000; }
    .main-ctsee.show .box_clicktosee.themewhite_center {
        margin-top: 0px;
    }
    .main-ctsee.show .box_clicktosee.themewhite_center .elementor-widget-container {
        background-image: none;
    }

    /*themewhite-hborder*/
    .box_clicktosee.themewhite-hborder {
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        bottom: 80px;
        position: absolute;
        height: 100px;
        background-image: linear-gradient(to bottom, #ffffff87, #fff);
        border-bottom: 1px solid #eaeaea;
    }
    .box_clicktosee.themewhite-hborder.bottom0 {
        bottom: 0px;
    }
    .box_clicktosee.themewhite-hborder .clicktosee {
        background: white;
        color: #707070;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    }


    /*themewhite-bottom*/
    .box_clicktosee.themewhite-bottom {
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        bottom: 0px;
        position: absolute;
        height: 100px;
        background-image: linear-gradient(to bottom, #ffffff87, #fff);
        border-bottom: 0px solid #eaeaea;
    }
    .box_clicktosee.themewhite-bottom .clicktosee {
        background: white;
        color: #707070;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    }
    
    
    /*-------- themebrown --------*/
    .box_clicktosee.themebrown {
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        top: auto;
        bottom: 85px;
        margin-top: 0 !important;
        background-image: linear-gradient(to bottom, #a78d8196, #A78D81);
        border-bottom: 1px solid #9a7e6d;
    }
    .box_clicktosee.themebrown .clicktosee {
        background: #B5A194;
    }
    .box_clicktosee.themebrown .clicktosee i.fa.fa-angle-down { color: #fff; }

    /*-------- themeblue --------*/
    .box_clicktosee.themeblue {
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        background-image: linear-gradient(to bottom, #ebebeb47, #F2F2F2);
        bottom: 130px;
        position: absolute;
        border-bottom: 2px solid #1b3962;
        height: 100px;
        background-image: linear-gradient(to bottom, #1f3c64d4, #1F3B62);
        background: transparent linear-gradient(180deg, #1F3C6400 0%, #1F3C64 100%) 0% 0% no-repeat padding-box;
    }
    .box_clicktosee.themeblue .clicktosee {
        background: var(--primary);
    }
    .box_clicktosee.themeblue .clicktosee i.fa.fa-angle-down { color: #fff; }
    .box_clicktosee.themeblue.bottom0 {
        bottom: 0px;
    }

    /*themeblue_center*/
    .box_clicktosee.themeblue_center {
        position: relative;
        background-image: none;
        width: 100%;
        left: 0;
        margin: 0;
        height: 30px;
    }
    .box_clicktosee.themeblue_center>.elementor-widget-container {
        position: absolute;
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        background-image: linear-gradient(to bottom, #ebebeb47, #F2F2F2);
        bottom: 0;
        position: absolute;
        border-bottom: 2px solid #1b3962;
        height: 100px;
        background-image: linear-gradient(to bottom, #1f3c64d4, #1F3B62);
        background: transparent linear-gradient(180deg, #1F3C6400 0%, #1F3C64 100%) 0% 0% no-repeat padding-box;
        margin-top: auto;
        left: 0;
    }
    .box_clicktosee.themeblue_center .clicktosee {
        background: var(--primary);
    }
    .box_clicktosee.themeblue_center .clicktosee i.fa.fa-angle-down { color: #fff; }
    .main-ctsee.show .box_clicktosee.themeblue_center {
        margin-top: 0px;
    }
    .main-ctsee.show .box_clicktosee.themeblue_center .elementor-widget-container {
        background-image: none;
    }
 
    /*-------- themegray --------*/
    .box_clicktosee.themegray {
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        background-image: linear-gradient(to bottom, #ebebeb47, #F2F2F2);
        bottom: 130px;
        position: absolute;
        border-bottom: 2px solid #EAEAEA;
        height: 100px;
    }
    .box_clicktosee.themegray.bottom0 {
        bottom: 0px;
    }
    .box_clicktosee.themegray.--pale-Gray{
        background-image: linear-gradient(to bottom, #ebebeb47, #F2F2F2);
        border-bottom: 2px solid #EAEAEA;
    }
    /*themegray_center*/
    .box_clicktosee.themegray_center {
        position: relative;
        background-image: none;
        width: 100%;
        left: 0;
        margin: 0;
        height: 30px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
    }
    .box_clicktosee.themegray_center>.elementor-widget-container {
        position: absolute;
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        background-image: linear-gradient(to bottom, #ebebeb47, #F2F2F2);
        bottom: 0;
        position: absolute;
        border-bottom: 2px solid #1b3962;
        height: 100px;
        background-image: linear-gradient(to bottom, #1f3c64d4, #1F3B62);
        background: transparent linear-gradient(180deg, #1F3C6400 0%, #1F3C64 100%) 0% 0% no-repeat padding-box;
        margin-top: auto;
        left: 0;
        border-bottom: 1px solid #D4D4D4;
        background-image: linear-gradient(to bottom, #ebebeb7a, #ddddddc2);
    }
    .box_clicktosee.themegray_center .clicktosee {
        background: var(--Light-Gray);
    }
    .box_clicktosee.themegray_center .clicktosee i.fa.fa-angle-down { color: #000; }
    .main-ctsee.show .box_clicktosee.themegray_center {
        margin-top: 0px;
    }
    .main-ctsee.show .box_clicktosee.themegray_center .elementor-widget-container {
        background-image: none;
    }

    /*themegray-bottom*/
    .box_clicktosee.themegray-bottom {
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        background-image: linear-gradient(to bottom, #ebebeb47, #F2F2F2);
        bottom: 0px;
        position: absolute;
        border-bottom: 0px solid #EAEAEA;
        height: 100px;
    }
    .box_clicktosee.themegray-bottom .clicktosee {
        background: white;
        color: #d5d5d5;
    }


     /* -------- themepalegray -------- */
     .box_clicktosee.themepalegray {
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        background-image: linear-gradient(to bottom, #ebebeb47, #e9e9e9);
        bottom: 130px;
        position: absolute;
        border-bottom: 2px solid #EAEAEA;
        height: 100px;
    }
    .box_clicktosee.themepalegray.bottom0 {
        bottom: 0px;
    }
    .box_clicktosee.themepalegray.--pale-Gray{
        background-image: linear-gradient(to bottom, #ebebeb47, #e9e9e9);
        border-bottom: 2px solid #EAEAEA;
    }

    /*themepalegray_center*/
    .box_clicktosee.themepalegray_center {
        position: relative;
        background-image: none;
        width: 100%;
        left: 0;
        margin: 0;
        height: 30px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
    }
    .box_clicktosee.themepalegray_center>.elementor-widget-container {
        position: absolute;
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        background-image: linear-gradient(to bottom, #ebebeb47, #F2F2F2);
        bottom: 0;
        position: absolute;
        border-bottom: 2px solid #1b3962;
        height: 100px;
        background-image: linear-gradient(to bottom, #1f3c64d4, #1F3B62);
        background: transparent linear-gradient(180deg, #1F3C6400 0%, #1F3C64 100%) 0% 0% no-repeat padding-box;
        margin-top: auto;
        left: 0;
        border-bottom: 1px solid #D4D4D4;
        background-image: linear-gradient(to bottom, #ebebeb7a, #ddddddc2);
    }
    .box_clicktosee.themepalegray_center .clicktosee {
        background: var(--pale-Gray);
    }
    .box_clicktosee.themepalegray_center .clicktosee i.fa.fa-angle-down { color: #000; }
    .main-ctsee.show .box_clicktosee.themepalegray_center {
        margin-top: 0px;
    }
    .main-ctsee.show .box_clicktosee.themepalegray_center .elementor-widget-container {
        background-image: none;
    }

    /*themepalegray-bottom*/
    .box_clicktosee.themepalegray-bottom {
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        background-image: linear-gradient(to bottom, #e9e9e945, #E9E9E9);
        bottom: 0px;
        position: absolute;
        border-bottom: 0px solid #E9E9E9;
        height: 100px;
    }
    .box_clicktosee.themepalegray-bottom .clicktosee {
        background: white;
        color: #E9E9E9;
    }
    .box_clicktosee.themepalegray-bottom.--palegraybtn .clicktosee {
        background-color:var(--pale-Gray);
        color: #fff;
    }


    /*themeLightblue_center*/
    .box_clicktosee.themeLightblue_center {
        position: relative;
        background-image: none;
        width: 100%;
        left: 0;
        margin: 0;
        height: 30px;
        width: calc(100% + 0px);
        margin-left: 0px;
        margin-right: 0px;
    }
    .box_clicktosee.themeLightblue_center>.elementor-widget-container {
        position: absolute;
        width: calc(100% + 0px);
        margin: 0;
        margin-left: 0px;
        bottom: 30px;
        position: absolute;
        border-bottom: 2px solid #1b3962;
        height: 100px;
        background-image: linear-gradient(to bottom, #1f3c64d4, #1F3B62);
        background: transparent linear-gradient(180deg, #E8EFF4 0%, #E8EFF4 100%) 0% 0% no-repeat padding-box;
        margin-top: auto;
        left: 0;
        background-image: linear-gradient(to bottom, #e8eff499, #E8EFF4);
        border-bottom: 1px solid #ddd;
    }
    .box_clicktosee.themeLightblue_center .clicktosee {
        background: #E7EFF4;
        color: #2f5c88;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    }
    .box_clicktosee.themeLightblue_center .clicktosee i.fa.fa-angle-down { color: #000; }
    .main-ctsee.show .box_clicktosee.themeLightblue_center {
        margin-top: 0px;
    }
    .main-ctsee.show .box_clicktosee.themeLightblue_center .elementor-widget-container {
        background-image: none;
    }
    /*themeLightblue-bottom*/
    .box_clicktosee.themeLightblue-bottom {
        width: calc(100% + 30px);
        margin: 0;
        margin-left: 0px;
        background-image: linear-gradient(to bottom, #e8eff499, #E7EFF4);
        bottom: 0px;
        position: absolute;
        border-bottom: 0px solid #E9E9E9;
        height: 100px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .box_clicktosee.themeLightblue-bottom .clicktosee {
        background: #e8eff4;
        color: #1f3b62;
    }
 
}

/*all*/

@media (max-width: 881px) {
  .br_list_mobile {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f2f8f3;
    z-index: 999;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
    width: 100%;
    max-width: 100%;
    left: 0;
    padding: 20px 20px;
  }

  /* ซ่อนเมนูอื่น ๆ ยกเว้นตัวแรก */
  .br_list_mobile .pxl-list-custom .pxl--item:not(:first-child) {
    display: none;
  }

  /* เมื่อเปิด toggle แล้วแสดงเมนูทั้งหมด */
  .br_list_mobile.open .pxl-list-custom .pxl--item {
    display: flex;
  }

  /* เลือกจัดรูปแบบถ้าจำเป็น */
  .pxl--item {
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-top: 1px solid #c8d6c1;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
    .flex-center a.elementskit-btn.whitespace--normal {
        display: flex;
        justify-self: center;
    }
}