@import url(https://js01.v15cdn.com/single-template/public.css);
:root{--our-brand-bg-gray:#f4f4f4;--our-brand-bg-dark:#000000;--our-brand-text-light:#ffffff}
.imgwrap{overflow:hidden;border-radius:6px}
.imgwrap img{-webkit-transition:.2s;transition:.2s;width:100%}
.imgwrap:hover img{-webkit-transform:scale(1.01);transform:scale(1.01)}
.pagesbanner::after{display:none}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--wmpage-font46);font-weight:var(--fontbold6)}
.pagesbanner .pagesbanner-animate .p2{max-width:810px;margin:15px auto 0}
.inner-common-title{font-size:var(--wmpage-font46);font-weight:var(--fontbold7);line-height:1.3}
.inner-common-line{position:relative;margin:20px 0;width:100px}
.inner-common-line .circle{width:8px;height:8px;border-radius:50%;background-color:#000;position:absolute;left:9px;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}
.inner-common-line .line{width:100%;height:4px;background-color:#7f7f7f;border-radius:4px}
.center-title-box{text-align:center;margin-bottom:40px}
.center-title-box .inner-common-line{margin-left:auto;margin-right:auto}
@media (max-width:768px){
.center-title-box{margin-bottom:20px}
}
section.common-main.our-brand{padding-bottom:0}
@media (max-width:1440px){
:root{--wmpage-font46:32px}
}
@media (max-width:1024px){
:root{--wmpage-font46:24px}
}
.our-brand-section{padding:80px 0;max-width:1460px;margin:0 auto}
@media (max-width:1024px){
.our-brand-section{padding:40px 0}
}
.bg-full{position:relative}
.bg-full::before{content:"";position:absolute;width:100vw;height:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:0;z-index:-1;background-color:#f4f4f4}
.our-brand-founder{position:relative;margin-top:50px}
.our-brand-founder::before{content:"";position:absolute;width:82%;height:100%;background-color:var(--our-brand-bg-gray);z-index:-1;top:0;left:0}
.our-brand-founder .founder-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.our-brand-founder .founder-box .founder-text{padding:0 0 0 5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:55%}
.our-brand-founder .founder-box .founder-text .founder-logo{margin-bottom:30px}
.our-brand-founder .founder-box .founder-text p{line-height:1.8;margin-bottom:20px;color:#333}
.our-brand-founder .founder-box .founder-img{width:36%}
.our-brand-founder .founder-box .founder-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}
@media (max-width:1024px){
.our-brand-founder .founder-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.our-brand-founder .founder-box .founder-text{padding:20px;width:100%}
.our-brand-founder .founder-box .founder-img{width:auto}
}
@media (max-width:1024px){
.our-brand-founder::before{width:100%}
}
@media (max-width:768px){
.our-brand-founder{margin-top:0}
}
.our-brand-mission{text-align:center}
.our-brand-history{background-color:var(--our-brand-bg-dark);color:var(--our-brand-text-light);padding:100px 0}
.our-brand-history::before{background-color:#000}
.our-brand-history .history-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.our-brand-history .history-left{width:37%}
.our-brand-history .history-right{width:48%}
.our-brand-history .history-right .inner-common-line .circle{background-color:#fff}
.our-brand-history .history-right .timeline-list{position:relative;margin-top:30px}
.our-brand-history .history-right .timeline-list:after{content:"";position:absolute;width:4px;height:100%;background-color:rgba(255,255,255,.2);left:158px;top:0}
.our-brand-history .history-right .timeline-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.our-brand-history .history-right .timeline-item .year{font-weight:700;font-size:var(--wmpage-font46);width:125px;-ms-flex-negative:0;flex-shrink:0}
.our-brand-history .history-right .timeline-item .circle{width:20px;height:20px;border-radius:50%;background-color:rgba(255,255,255,.3);position:relative;margin:0 25px}
.our-brand-history .history-right .timeline-item .circle::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:#fff;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.our-brand-history .history-right .timeline-item .desc{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
@media (max-width:1024px){
.our-brand-history{padding:40px 0}
.our-brand-history .history-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.our-brand-history .history-right{padding-left:0;margin-top:50px;width:100%}
}
@media (max-width:768px){
.our-brand-history .history-left{width:auto}
.our-brand-history .history-right .timeline-list{position:relative;margin-top:20px}
.our-brand-history .history-right .timeline-list:after{left:103px}
.our-brand-history .history-right .timeline-item .year{width:80px}
.our-brand-history .history-right .timeline-item .circle{margin:0 15px}
}
.our-brand-checkerboard .checker-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.our-brand-checkerboard .checker-row .checker-media,.our-brand-checkerboard .checker-row .checker-text{width:50%}
.our-brand-checkerboard .checker-row .checker-media{overflow:hidden}
.our-brand-checkerboard .checker-row .checker-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-transition:.3s;transition:.3s}
.our-brand-checkerboard .checker-row .checker-media img:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}
.our-brand-checkerboard .checker-row .checker-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px;background-color:var(--our-brand-bg-gray)}
.our-brand-checkerboard .checker-row .checker-text h3{font-size:var(--wmpage-font28);font-weight:var(--fontbold7);margin-bottom:10px}
.our-brand-checkerboard .checker-row:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
@media (max-width:768px){
.our-brand-checkerboard .checker-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.our-brand-checkerboard .checker-row:nth-child(even){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.our-brand-checkerboard .checker-row .checker-text{padding:20px;width:100%}
.our-brand-checkerboard .checker-row .checker-text h3{font-size:20px}
.our-brand-checkerboard .checker-row .checker-media{width:100%}
}
.our-brand-innovation .checker-row .checker-text{background-color:#fff}
.our-brand-innovation .checker-row:nth-child(odd) .checker-text{text-align:right}
.our-brand-gallery .gallery-grid{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin:20px auto}
.our-brand-gallery .gallery-grid .gallery-item{overflow:hidden}
.our-brand-gallery .gallery-grid .gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-transition:.3s;transition:.3s}
.our-brand-gallery .gallery-grid .gallery-item img:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}
.our-brand-gallery .gallery-grid .left-section{-webkit-box-flex:2;-ms-flex:2;flex:2;display:grid;grid-template-rows:1.2fr 1.8fr 1fr;grid-template-columns:1fr 1fr;gap:10px}
.our-brand-gallery .gallery-grid .item1{grid-column:1/span 2}
.our-brand-gallery .gallery-grid .item2{grid-column:1/span 2}
.our-brand-gallery .gallery-grid .middle-section{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;grid-template-rows:1fr 1fr;gap:10px}
.our-brand-gallery .gallery-grid .right-section{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;grid-template-rows:1fr 1fr 1fr;gap:10px}
@media (max-width:768px){
.our-brand-gallery .gallery-grid{gap:5px}
.our-brand-gallery .gallery-grid .left-section,.our-brand-gallery .gallery-grid .middle-section,.our-brand-gallery .gallery-grid .right-section{gap:5px}
}