@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/CompanyWeb/Views/Home/About.cshtml.rz.scp.css */
.hometext[b-iqniugmrld] {
    text-align: justify;
}

body[b-iqniugmrld]{
    padding-top : 2em;
}

.card-center[b-iqniugmrld]{
    align-items : center;
}

.logocontainer[b-iqniugmrld] {
    /*    position: relative;
    width : 100%;
    height: 80px;
    overflow: hidden;*/
    display: inline-flex;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
    justify-content : center;
}

.charttitle[b-iqniugmrld] {
    position: relative;
    clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
    width: 100%;
    min-width: 200px;
    background-color: #83ACF2;
    height: 40px;
    font-size: 18px;
    font-family: cursive, fantasy;
    text-align: left;
    white-space : nowrap;
    z-index: 2;
}

.chartphoto[b-iqniugmrld] {
    position: relative;
    width: 100%;
    height: 100%;
    top: -40px;
    z-index: 1;
    object-fit : cover;
}

.OverflowEllipsis__textArea[b-iqniugmrld] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    &:hover

{
    display: block;
}

}

.OverflowEllipsis__text[b-iqniugmrld] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.OverflowEllipsis__textArea--7[b-iqniugmrld] {
    -webkit-line-clamp: 7;
}

.charttitle h3[b-iqniugmrld] {
    margin: 0.4em;
}

.logocontainer span[b-iqniugmrld] {
    margin: 1% 0.5em;
}

/*.logocontainer img {
        position: absolute;
        max-width: 100%;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }*/

.logo[b-iqniugmrld] {
    width: 80%;
    height : 90%;
    min-width: 60px;
    max-height: 50px;
    object-fit: contain;
    /*width : 220px;*/
    /*clip-path: polygon(0% 25%, 100% 25%, 100% 65%, 0% 65%);*/
}

.chart[b-iqniugmrld] {
    display: -webkit-inline-box;
    width: 70%;
    min-width: 500px;
    margin: 2%;
    /*background-color : lightslategray;*/
}

.photo[b-iqniugmrld] {
    width: 30%;
    min-width: 200px;
}

.describe[b-iqniugmrld] {
    width: 55%;
    margin: 0 auto;
    min-width: 300px;
}

.introduction[b-iqniugmrld]{

    width : 70%;
    min-width : 300px;
    text-align : justify;
    margin : 0.5em auto;
}

.text-divider[b-iqniugmrld] {
    --text-divider-gap: 1rem;
    display: flex;
    align-items: center;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'cwTeXYen', sans-serif;
    letter-spacing: 0.1em;
}

    .text-divider[b-iqniugmrld]::before, .text-divider[b-iqniugmrld]::after {
        content: '';
        height: 1px;
        background-color: silver;
        flex-grow: 1;
    }


    .text-divider[b-iqniugmrld]::before {
        margin-right: var(--text-divider-gap);
    }


    .text-divider[b-iqniugmrld]::after {
        margin-left: var(--text-divider-gap);
    }

/* _content/CompanyWeb/Views/Home/ContactUS.cshtml.rz.scp.css */
body[b-tm0pq4xs2n] {
}

.fontawesome[b-tm0pq4xs2n] {
    font-family: fontawesome;
}


.updates[b-tm0pq4xs2n]::before {
    font: var(--fa-font-light);
    content: '\f1ea';
}

.icon[b-tm0pq4xs2n] {
    width : 15px;
    height : auto;
}


.text-divider[b-tm0pq4xs2n] {
    --text-divider-gap: 1rem;
    display: flex;
    align-items: center;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'cwTeXYen', sans-serif;
    letter-spacing: 0.1em;
}

    .text-divider[b-tm0pq4xs2n]::before, .text-divider[b-tm0pq4xs2n]::after {
        content: '';
        height: 1px;
        background-color: silver;
        flex-grow: 1;
    }


    .text-divider[b-tm0pq4xs2n]::before {
        margin-right: var(--text-divider-gap);
    }


    .text-divider[b-tm0pq4xs2n]::after {
        margin-left: var(--text-divider-gap);
    }
/* _content/CompanyWeb/Views/Home/Index.cshtml.rz.scp.css */
body[b-spx0j1s5xx] {
}

.photo_left[b-spx0j1s5xx] {
    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0 50%, 25% 0%);
}

.photo_right[b-spx0j1s5xx] {
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}

professionalphotourl[b-spx0j1s5xx] {
    https: //unsplash.com/photos/person-using-macbook-pro-npxXWgQ33ZQ?utm_content=creditShareLink&utm_medium=referral&utm_source=unsplash
}

services[b-spx0j1s5xx] {
    https: //unsplash.com/photos/black-smartphone-near-person-5QgIuuBxKwM?utm_content=creditShareLink&utm_medium=referral&utm_source=unsplash
}

planning[b-spx0j1s5xx] {
    https: //unsplash.com/photos/yellow-click-pen-on-white-printer-paper-gcHFXsdcmJE?utm_content=creditShareLink&utm_medium=referral&utm_source=unsplash
}

digital transform[b-spx0j1s5xx] {
    https: //unsplash.com/photos/laptop-computer-on-glass-top-table-hpjSkU2UYSU?utm_content=creditShareLink&utm_medium=referral&utm_source=unsplash
}

Distribution[b-spx0j1s5xx] {
    https: //unsplash.com/photos/orange-and-black-auto-rickshaw-JwMGy1h-JsY?utm_content=creditShareLink&utm_medium=referral&utm_source=unsplash
}

.carousel-height[b-spx0j1s5xx] {
    height: 400px;
}

hr&.divider *[b-spx0j1s5xx] {
    border-top: 6px solid #003A47;
    border-radius: 5px;
}

hr[b-spx0j1s5xx] {
    color: black;
}

.text-divider[b-spx0j1s5xx] {
    --text-divider-gap: 1rem;
    display: flex;
    align-items: center;
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'cwTeXYen', sans-serif;
    letter-spacing: 0.1em;
}

    .text-divider[b-spx0j1s5xx]::before, .text-divider[b-spx0j1s5xx]::after {
        content: '';
        height: 1px;
        background-color: silver;
        flex-grow: 1;
    }


    .text-divider[b-spx0j1s5xx]::before {
        margin-right: var(--text-divider-gap);
    }


    .text-divider[b-spx0j1s5xx]::after {
        margin-left: var(--text-divider-gap);
    }

.distribution[b-spx0j1s5xx] {
    display: inline-flex;
}

.distributionblock[b-spx0j1s5xx] {
    vertical-align : middle;
    width: 50%;
    max-width: 500px;
    height : auto;
    max-height : 200px;
    margin : 0.1em 0.5em;
}

.distributionphoto[b-spx0j1s5xx]{
    max-width : 500px;
    width : 100%;
    height : 100%;
    object-fit : cover;
    display : block;
}

.position[b-spx0j1s5xx] {
    &-relative{
        position: relative;
    }

    &-absolute[b-spx0j1s5xx] {
        position: absolute;
    }

}

.d-inline-block[b-spx0j1s5xx] {
    display: inline-block;
}

.soldout[b-spx0j1s5xx] {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    white-space: nowrap;
    font-weight: 700;
    font-size: 20px;
    color: #FFB578;
}

@media (max-width : 576px){
    .soldout[b-spx0j1s5xx]{
        font-size : 12px;
    }
}

.bg-mask[b-spx0j1s5xx] {
    filter: brightness(50%);
}

.manual[b-spx0j1s5xx]{
    display : grid;
    grid-template-columns : repeat(auto-fit, minmax(200px,1fr));
    grid-auto-rows : auto;
    grid-row-gap : 0.5em;
    grid-column-gap : 0.5em;
}
/*
.card{
    --bs-card-height: 325px;
}
*/
.cardphoto[b-spx0j1s5xx]{
    width : 100%;
}

.imgcontain[b-spx0j1s5xx]{
    object-fit : scale-down;
}

.bg-custom[b-spx0j1s5xx] {
   background-color: #DEEBF9;
}

.catalogimg[b-spx0j1s5xx]{
    object-fit : contain;
    width : 100%;
    height : 200px;
}

/* _content/CompanyWeb/Views/Product/GlueSystemIndex.cshtml.rz.scp.css */
body[b-19373ioijq] {
}

.image_preview[b-19373ioijq]{
    width : 20%;
    min-width : 50px;
    display : block;
    height : auto;
}

td[b-19373ioijq]{
    width : min-content;
}

.kqautoheader h2[b-19373ioijq] {
    flex: 1;
    height: fit-content;
}

.kqautoheader[b-19373ioijq] {
    display: flex;
    min-width: 180px;
    width: 60%;
    max-height: 50px;
}

.kqautoheaderimg[b-19373ioijq] {
    width: 15% max-content;
    min-width: 80px;
}

.kqautotitle p[b-19373ioijq] {
    font-family: 'cwTeXYen', sans-serif;
    margin: 0.2rem;
}

.producttype[b-19373ioijq]{
    display : flex;
    height : fit-content;
    margin-bottom : 0.5rem;
    min-height : 80px;
}

.producttype h4[b-19373ioijq] {
    width : 12.5%;
}

.producttype p[b-19373ioijq] {
    font-family: 'cwTeXYen', sans-serif;
    width : 80%;
    text-align : left;
}

.card[b-19373ioijq] {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    width: 20%;
    min-width : 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
}

.price[b-19373ioijq] {
    color: grey;
    font-weight : bold;
    font-size: 22px;
}

.cardheader[b-19373ioijq]{
    font-size : 24px;
}

.card button[b-19373ioijq] {
    border: none;
    outline: 0;
    padding: 12px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
}

    .card button:hover[b-19373ioijq] {
        opacity: 0.7;
    }

.card[b-19373ioijq]{
    display : inline_grid;
}

.productgrid[b-19373ioijq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
    grid-auto-rows: 1fr;
    grid-row-gap: 0.5em;
    grid-column-gap: 0.5em;
    min-width: 200px;
    margin : 0.5rem;
}

.description[b-19373ioijq]{
    height : 3%;
    min-height : 50px;
}

.cardimg[b-19373ioijq]{
    height : 200px;
    width : auto;
    object-fit : contain;
}

hr[b-19373ioijq] {
    border: 2px dashed #CB003D;
}
/* _content/CompanyWeb/Views/Product/Index.cshtml.rz.scp.css */
body[b-y2pcslbxiu] {
}

.product[b-y2pcslbxiu]{
    display : inline-flex;
    width : 100%;
}

.partialview[b-y2pcslbxiu]{
    position : relative;
    left : 1em;
    width : 20%;
    min-width : 80px;
    margin : 2em 0em;
}

.producttable[b-y2pcslbxiu]{
    margin : 2em 0em 0em 3em;
    width : 80%;
    position : relative;
    right : 1em;
}

.productimage[b-y2pcslbxiu]{
    width : 25%;
    min-width : 200px;
    height : 200px;
}

.productimage>img[b-y2pcslbxiu]{
    width : 100%;
}

.productgrid[b-y2pcslbxiu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
    grid-auto-rows: auto;
    grid-row-gap: 0.5em;
    grid-column-gap: 0.5em;
    min-width: 200px;
}

.productitem[b-y2pcslbxiu] {
    border : 2px;
    border-radius : 10px;
    border-style: groove;
    border-color: #B0CCFA;
    padding : 1em;
}

.OverflowEllipsis__textArea[b-y2pcslbxiu] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    &:hover{
        display: block;
    }
}

.OverflowEllipsis__text[b-y2pcslbxiu] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.OverflowEllipsis__textArea--2[b-y2pcslbxiu] {
    -webkit-line-clamp: 4;
}

.no-underline[b-y2pcslbxiu] {
    text-decoration: none;
}
/* _content/CompanyWeb/Views/Shared/filter.cshtml.rz.scp.css */
body[b-6ygn4ai950] {
}

.container[b-6ygn4ai950]{
    display:inline-flex;
}


/* _content/CompanyWeb/Views/Shared/_GlueProductDetail.cshtml.rz.scp.css */
body[b-nha7a0lwdf] {
}

.list-group-item label[b-nha7a0lwdf]{
    font-size : 18px;
    font-weight : bolder;
    display : table-header-group;
}
/* _content/CompanyWeb/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.navbar[b-j2udsemoi5]{
    min-width : 400px;
}

.container[b-j2udsemoi5] {
    min-width : 400px;
}

a.navbar-brand[b-j2udsemoi5] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
  margin-bottom : 0.2rem;
}

a[b-j2udsemoi5] {
  color: #0077cc;
}

.btn-primary[b-j2udsemoi5] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-j2udsemoi5], .nav-pills .show > .nav-link[b-j2udsemoi5] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-j2udsemoi5] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-j2udsemoi5] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-j2udsemoi5] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-j2udsemoi5] {
  font-size: 1rem;
  line-height: inherit;
}

.nav-item[b-j2udsemoi5] {
    white-space: nowrap;
}

.footer[b-j2udsemoi5] {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    line-height: 30px;
    margin: 0 auto -180px;
    background-color: #515969;
}

.navbarstyle[b-j2udsemoi5] {
    padding: 0 10%;
}
.navbarlist[b-j2udsemoi5] {
    width: 150px;
    text-align: center;
    filter: drop-shadow(1em 0.3em 0.5em #496ADE);
}

.navbarlist:hover[b-j2udsemoi5] {
    width: 150px;
    text-align: center;
    filter: drop-shadow(1em 0.3em 0.5em #6658E0);
}

.navshape[b-j2udsemoi5] {
    background-color: #BED3E6;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);

}

.navshape:hover[b-j2udsemoi5] {
    background-color: #B0ABE0;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.navsymbol[b-j2udsemoi5] {
    color : #494B8E;
}

.copyfont[b-j2udsemoi5]{
    text-align : end;
    font-size : 12px;
}

.container-inline[b-j2udsemoi5]{
    display : inline-flex;
    justify-content : center;
}

.wd-80[b-j2udsemoi5]{
    width : 100%;
    margin : 0.1em auto;
}

.container-block[b-j2udsemoi5]{
    height : auto;
    width : 50%;
    max-width : 250px;
    display : inline-flex;
    flex-direction : column;
    flex-wrap : wrap;
    margin : 0 30px 0.5rem 0.5rem;
}

.logo[b-j2udsemoi5]{
    width : 150px;
    height : auto;
}

.logoname[b-j2udsemoi5]{
    margin : 0 0.5rem;
    font-size : 1.5rem;
}

.enfont[b-j2udsemoi5] {
    font-size : 12px;
}

.logoblock[b-j2udsemoi5]{
    display : inline-flex;
}

.fontsize24[b-j2udsemoi5]{
    font-size : 18px;
}

.navbar-margin[b-j2udsemoi5]{
    margin : auto 1em;
}

.vr[b-j2udsemoi5]{
    opacity : 1 !important;
}

.lang-margin[b-j2udsemoi5]{
    margin : auto 0.2rem;
}

.no-underline[b-j2udsemoi5]{
    text-decoration : none;
}

.nav-item-style[b-j2udsemoi5]{
    padding : 0.1rem 0.2rem;
}

/*.navbar-collapse:not(.collpase) .nav-item-style{
    height : 45px;
}*/

.languageselector[b-j2udsemoi5] {
    display: inline-block;
    padding: 0.5rem 0.5rem;
}

.text-normal-white-spaces[b-j2udsemoi5]{
    white-space : normal;
}

@media (min-width : 1080px){
    .languageselector[b-j2udsemoi5] {
        display: inline-block;
        padding: 0.5rem 0.5rem;
        right: 55px;
        position: absolute;
    }

    .navbar-expand-sm .navbar-collapse[b-j2udsemoi5]{
        display : flex !important;
        flex-basis : auto;
    }

    .d-sm-inline-flex[b-j2udsemoi5] {
        display : inline-flex !important;
    }
}

@media (max-width : 576px){
    h6[b-j2udsemoi5]{
        font-size : 0.9rem;
    }

    footer[b-j2udsemoi5]{
        min-width : 400px;
        margin : 0 auto -200px !important; 
    }

    .logo[b-j2udsemoi5]{
        width : 70px;
    }

    .logoname[b-j2udsemoi5] {
        font-size : 0.7em;
    }

    .logoblock[b-j2udsemoi5]{
        width : 240px;
    }

    .navbar-toggler[b-j2udsemoi5]{
        font-size : 1.5em;
    }

    .navbar-toggler-icon[b-j2udsemoi5]{
        width : 1em;
    }

    .fontsize24[b-j2udsemoi5]{
        font-size : 14px;
    }

}

.lineimg[b-j2udsemoi5] {
    display: inline-flex;
    width: 15%;
    min-width: 15px;
}

.containerlineimg[b-j2udsemoi5]{
    display : block;
    width : 55%;
    min-width : 7px;
    max-width : 50px;
    margin : .2rem auto;
}

.containerhref[b-j2udsemoi5] {
    display: inline;
    width: max-content;
    position: fixed;
    left: 0px;
    top: 35%;
    border-color : #8A4D5F;
    border-style : solid;
    border-width : 3px;
}

.social[b-j2udsemoi5]{
    width : 100%;
    vertical-align : middle;
    align-items : center;
}