.elementor-1267 .elementor-element.elementor-element-d0d3ea2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-decoration:var( --e-global-typography-primary-text-decoration );}.elementor-1267 .elementor-element.elementor-element-8d73341.elementor-element{--align-self:center;}.elementor-1267 .elementor-element.elementor-element-8d73341{top:45%;}.elementor-1267 .elementor-element.elementor-element-8d73341 .elementor-heading-title{color:#FFFFFF;font-family:"Comfortaa", Sans-serif;font-weight:400;}.elementor-1267 .elementor-element.elementor-element-0f24aab{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-0f24aab:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-0f24aab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F5F8;}.elementor-1267 .elementor-element.elementor-element-0f24aab, .elementor-1267 .elementor-element.elementor-element-0f24aab::before{--border-transition:0.3s;}.elementor-1267 .elementor-element.elementor-element-a1adc3c{--display:flex;--background-transition:0.3s;--border-radius:0px 40px 0px 40px;--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;--z-index:2;}.elementor-1267 .elementor-element.elementor-element-a1adc3c:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-a1adc3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://777pack.com/wp-content/uploads/2023/06/solution_describe.jpg");background-repeat:no-repeat;}.elementor-1267 .elementor-element.elementor-element-a1adc3c, .elementor-1267 .elementor-element.elementor-element-a1adc3c::before{--border-transition:0.3s;}.elementor-widget-image-box .elementor-image-box-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-decoration:var( --e-global-typography-primary-text-decoration );}.elementor-widget-image-box .elementor-image-box-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-1267 .elementor-element.elementor-element-b46f0e3 .elementor-image-box-title{margin-bottom:10px;color:#353535;font-family:"Comfortaa", Sans-serif;font-size:14px;font-weight:400;}.elementor-1267 .elementor-element.elementor-element-b46f0e3 .elementor-image-box-wrapper .elementor-image-box-img{width:10%;}.elementor-1267 .elementor-element.elementor-element-b46f0e3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1267 .elementor-element.elementor-element-b46f0e3 .elementor-image-box-description{font-family:"Comfortaa", Sans-serif;font-size:35px;font-weight:400;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1267 .elementor-element.elementor-element-1433320{column-gap:0px;font-family:"Comfortaa", Sans-serif;font-weight:400;text-decoration:none;}.elementor-1267 .elementor-element.elementor-element-e4004b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1267 .elementor-element.elementor-element-e4004b1:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-e4004b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://777pack.com/wp-content/uploads/2023/06/Condiment_click_bj.jpg");background-position:top center;background-repeat:no-repeat;background-size:auto;}.elementor-1267 .elementor-element.elementor-element-e4004b1, .elementor-1267 .elementor-element.elementor-element-e4004b1::before{--border-transition:0.3s;}.elementor-1267 .elementor-element.elementor-element-e4004b1.e-con{--align-self:center;}.elementor-1267 .elementor-element.elementor-element-2ee0024{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1267 .elementor-element.elementor-element-2ee0024 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1267 .elementor-element.elementor-element-2ee0024.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1267 .elementor-element.elementor-element-8d73341{text-align:center;}.elementor-1267 .elementor-element.elementor-element-8d73341 .elementor-heading-title{font-size:20px;}.elementor-1267 .elementor-element.elementor-element-a1adc3c{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1267 .elementor-element.elementor-element-b46f0e3 .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-1267 .elementor-element.elementor-element-b46f0e3 .elementor-image-box-description{font-size:20px;}.elementor-1267 .elementor-element.elementor-element-1433320{font-size:14px;}.elementor-1267 .elementor-element.elementor-element-e4004b1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-1267 .elementor-element.elementor-element-d0d3ea2{--content-width:100%;}.elementor-1267 .elementor-element.elementor-element-0f24aab{--content-width:1200px;}.elementor-1267 .elementor-element.elementor-element-a1adc3c{--content-width:1200px;}}/* Start custom CSS for html, class: .elementor-element-2ee0024 */.nav {

        align-self: center;
        width: 100%;
        min-height: 340px;
        background-image: url('../../work/108 gangnuo/images/Condiment_click_bj.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .part{
        width: 100%;
    }
    .nav-button span {
        align-self: center;
        margin-top: 10px;
        white-space: pre-wrap;
    }

    .nav-button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-self: center;
        width: 135px;
        height: 170px;
        display: flex;
        color: #fff;
        overflow: hidden;
        border: none;
        font-family: "Montserrat-light", Sans-serif;
        flex-direction: column;
        font-size: 16px;
        background-color: rgba(255,255,255,0);
        border-radius: 15px;
        transform: translateY(20px);
        transition: all 0.15s linear;
    }
    .nav .nav-button+.nav-button{
        margin-left: 15px;
    }
    .nav-button>img{
        align-self: center;
    }
    .nav-button:hover {
        transform: translateY(-5px);
        background-color: rgba(0,112,231,0.5);
    }

    .active{
        transform: translateY(-5px);
        background-color: rgba(0,112,231,0.5);
        border: none !important;
    }

    .nav-button:focus {
        background-color: rgba(0,112,231,0.5);
        border: none !important;
        outline: none;
  
    }

  .tab_box .elementor-widget-container{
    display: flex;
    flex-direction: column;
}

  @media screen and (max-width:650px){
        .nav-button{
            width:24%;
            padding:0px;
            height:120px;
            font-size:12px;
        }
        .nav .nav-button+.nav-button{
        margin-left: 0px;
    }
    }/* End custom CSS */