body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.gray{color:#686868}.font__300{font-weight:300}.font__400{font-weight:400}.font__500{font-weight:500}.font__600{font-weight:600}.font__700{font-weight:700}.mar-t-5{margin-top:.3125rem}.mar-t-10{margin-top:.625rem}.mar-t-15{margin-top:.9375rem}.mar-t-20{margin-top:1.25rem}.mar-b-5{margin-bottom:.3125rem}.mar-b-10{margin-bottom:.625rem}.mar-b-15{margin-bottom:.9375rem}.mar-b-20{margin-bottom:1.25rem}.pad-l-5{padding-left:.3125rem}.pad-l-10{padding-left:.625rem}.pad-l-15{padding-left:.9375rem}.pad-l-20{padding-left:1.25rem}.pad-l-40{padding-left:2.5rem}.pad-l-60{padding-left:3.75rem}.pad-l-80{padding-left:5rem}.pad-r-5{padding-right:.3125rem}.pad-r-10{padding-right:.625rem}.pad-r-15{padding-right:.9375rem}.pad-r-20{padding-right:1.25rem}.pad-r-40{padding-right:2.5rem}.pad-r-60{padding-right:3.75rem}.pad-r-80{padding-right:5rem}.pad-t-5{padding-top:.3125rem}.pad-t-10{padding-top:.625rem}.pad-t-15{padding-top:.9375rem}.pad-t-20{padding-top:1.25rem}.pad-t-40{padding-top:2.5rem}.pad-t-60{padding-top:3.75rem}.pad-t-80{padding-top:5rem}.pad-b-5{padding-bottom:.3125rem}.pad-b-10{padding-bottom:.625rem}.pad-b-15{padding-bottom:.9375rem}.pad-b-20{padding-bottom:1.25rem}@-webkit-keyframes fade-in{0%{opacity:0;visibility:hidden;z-index:-1}1%{opacity:0;visibility:visible;z-index:1}to{opacity:1;visibility:visible;z-index:1}}@keyframes fade-in{0%{opacity:0;visibility:hidden;z-index:-1}1%{opacity:0;visibility:visible;z-index:1}to{opacity:1;visibility:visible;z-index:1}}.fade-in{animation:fadein .3s ease-in-out forwards;-webkit-animation:fadein .3s ease-in-out forwards}@-webkit-keyframes fade-out{0%{opacity:1%;visibility:visible;z-index:1}99%{visibility:visible;opacity:0;z-index:-1}to{opacity:0;visibility:visible;z-index:-1}}@keyframes fade-out{0%{opacity:1%;visibility:visible;z-index:1}99%{visibility:visible;opacity:0;z-index:-1}to{opacity:0;visibility:visible;z-index:-1}}.fade-out{opacity:0;visibility:visible;z-index:-1}@-webkit-keyframes growDown{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}80%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes growDown{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}80%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.grow-down{animation:growDown .3s ease-in-out forwards;-webkit-animation:growDown .3s ease-in-out forwards}.grow-down,.submenu__animation-0{-webkit-transform-origin:top center;transform-origin:top center}.submenu__animation-0{animation:slideDown .3s ease-in-out 0ms forwards;-webkit-animation:slideDown .3s ease-in-out 0ms forwards}.submenu__animation-1{animation:slideDown .3s ease-in-out 70ms forwards;-webkit-animation:slideDown .3s ease-in-out 70ms forwards}.submenu__animation-1,.submenu__animation-2{-webkit-transform-origin:top center;transform-origin:top center}.submenu__animation-2{animation:slideDown .3s ease-in-out .14s forwards;-webkit-animation:slideDown .3s ease-in-out .14s forwards}.submenu__animation-3{animation:slideDown .3s ease-in-out .21s forwards;-webkit-animation:slideDown .3s ease-in-out .21s forwards}.submenu__animation-3,.submenu__animation-4{-webkit-transform-origin:top center;transform-origin:top center}.submenu__animation-4{animation:slideDown .3s ease-in-out .28s forwards;-webkit-animation:slideDown .3s ease-in-out .28s forwards}.submenu__animation-5{-webkit-transform-origin:top center;transform-origin:top center;animation:slideDown .3s ease-in-out .35s forwards;-webkit-animation:slideDown .3s ease-in-out .35s forwards}html{font-size:100%}@media (min-width:100em){html{font-size:150%}}@media (max-width:56.25em){html{font-size:125%}}@media (max-width:37.5em){html{font-size:104%}}*,:after,:before{margin:0;padding:0;box-sizing:inherit}img{max-width:100%}body{font-family:"Raleway",sans-serif;font-weight:300;font-size:.875rem;box-sizing:border-box;min-height:100vh}ul{list-style:none}a,a:hover,a:visited{text-decoration:none}.container-fluid{padding:0!important}.flex{display:flex}.flex-dir-col{flex-direction:column}.flex-dir-row{flex-direction:row}.flex-jc-sb{justify-content:space-between}.flex-jc-start{justify-content:flex-start}.flex-jc-end{justify-content:flex-end}.flex-basis-50{flex-basis:50%}.flex-jc-c{justify-content:center}.flex-ai-c{align-items:center}@media (max-width:63.9375rem){.hide-for-mobile{display:none}}@media (min-width:64rem){.hide-for-desktop{display:none}}@media (min-width:64rem){.row.equal-cols{display:flex;flex-wrap:wrap}.row.equal-cols:after,.row.equal-cols:before{display:block}.row.equal-cols>[class*=col-]{display:flex;flex-direction:column}.row.equal-cols>[class*=col-]>*{flex:1 1 auto}}.section-divider{height:1px;width:calc(100% - 15rem);background-color:#ebebeb;margin:0 auto}.hero-factory{display:none}@media (max-width:56.25em){.hero-factory{display:block;z-index:-5;position:relative}}@media (max-width:37.5em){.hero-factory{display:block;z-index:-5;position:relative}}@media screen and (min-device-width:901px) and (max-device-width:1023px){.hero-factory{display:block;z-index:-5;position:relative}}@media (min-width:64rem){.hero-factory{display:block;z-index:-5;position:relative;font-size:3.375rem;font-weight:900;color:#fff}.hero-factory img{margin-top:-50px}.hero-factory__title .upper{position:absolute;top:12.5rem;left:15rem}}@media (min-width:64rem) and (min-width:100em){.hero-factory__title .upper{top:10.625rem;left:11.875rem}}@media (min-width:64rem){.hero-factory__title .lower{position:absolute;top:16.25rem;left:19.375rem}}@media (min-width:64rem) and (min-width:100em){.hero-factory__title .lower{top:14.375rem;left:16.875rem}}.inputarea-form{display:block;border-radius:25px;border:2px solid #726d6d;padding:.4rem 1rem;width:97.5%;font-size:18px;margin-top:15px;margin-bottom:15px;transition:all 1s}.inputarea-form:focus{width:100%;border:2px solid #000}.input-form{display:block;border-radius:25px;border:2px solid #726d6d;padding:.4rem 1rem;font-size:18px;width:97.5%;margin-top:15px;margin-bottom:15px;transition:all 1s}.input-form:focus{width:100%;border:2px solid #000}.quotation{margin:0 auto;padding:2.5rem 7.5rem}@media (max-width:56.25em){.quotation{padding:2.5rem}}.quotation__forms{display:flex;flex-direction:column}.quotation__forms #btn-quotation-form-submit{width:7.5rem;align-self:flex-end}@media (min-width:64rem){.modal-dialog{width:920px}}@media (min-width:100em){.modal-dialog{width:1200px}}.product{background-color:#fff;border-radius:25px;padding:1.25rem 2.5rem 2.5rem;max-width:1200px}.product__name{margin-top:0;font-weight:600}.product__product-id{color:#0183c5;font-weight:600}.product__description_title{padding-bottom:.625rem;border-bottom:1px solid #000}.card{color:#fff;width:196px;margin:1rem;cursor:pointer}@media (max-width:56.25em){.card{width:145px}}.card__halal{width:45px;z-index:10;margin-top:20px;margin-left:-20px;position:absolute;-webkit-filter:drop-shadow(.2px .2px 2px #6e747c);filter:drop-shadow(.2px .2px 2px #6e747c)}@media (max-width:56.25em){.card__halal{width:35px}}.card__id{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;z-index:1;font-size:2rem;width:90%}@media (max-width:56.25em){.card__id{width:145px;font-size:1.5rem}}.card__image{display:inline-block;position:relative}.card__image img{width:196px;max-width:unset}@media (max-width:56.25em){.card__image img{width:145px}}.card__image:after{content:"";display:inline-block;background-color:rgba(117,124,131,.9);height:196px;width:196px;border-radius:25px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:56.25em){.card__image:after{width:145px;height:145px;border-radius:18px}}.card__name{color:#686868;text-align:center;font-size:1rem}@media (max-width:56.25em){.card__name{font-size:.875rem}}.header{background-color:hsla(0,0%,100%,.7);margin:0;top:0;left:0;right:0;font-size:.875rem}.header nav{padding:1.25rem 5rem}@media (max-width:56.25em){.header nav{padding:1.25rem 2.5rem}}.header nav a:focus{outline:none}.header .overlay{position:fixed;width:100%;opacity:0;z-index:-1;height:100%}.header.open .overlay{display:block}.header.open .header__menu{z-index:1}.header.open .header__toggle.fade-in>span{background-color:#373f41}.header.open .header__toggle>span:first-child{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.header.open .header__toggle>span:nth-child(2){opacity:0}.header.open .header__toggle>span:last-child{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.header__logo img{max-width:120px}.header__language{display:inline-flex;margin-left:2.5rem}.header__language input[type=radio]{display:none}.header__language label{display:inline-block;padding:4px 11px;font-size:.75rem;cursor:pointer}.header__language input[type=radio]:checked+label{color:#223849}.header__toggle>span{display:block;width:26px;height:2px;background-color:#332c2b;transition:all ea -in-out .3s;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-webkit-transform-origin:-1px 1px;transform-origin:-1px 1px}.header__toggle>span:not(:last-child){margin-bottom:5px}.header__menu{background-color:#fff;padding:0 1.625rem 1.625rem;margin:0;width:100%;position:absolute}.header__menu a{color:#373f41;display:block;text-align:center;padding:1.25rem;font-size:1.125rem}.header__menu a:focus,.header__menu a:hover{color:#448ab0}.header__links a{color:#373f41;transition:all .6s;border-bottom:0}.header__links a:not(:last-child){margin-right:3.125rem}.header__links a:hover{padding-bottom:.3125rem;color:#448ab0;border-bottom:2px solid #448ab0}.header__links .active{color:#448ab0}.header input{-webkit-appearance:none;-o-appearance:none;appearance:none}.footer{bottom:0;color:#fff;background:linear-gradient(90deg,#123468,#174868);left:0;right:0;min-height:21.875rem;font-weight:700;line-height:1.5rem}@media (max-width:75em){.footer{min-height:27.5rem}}@media (max-width:37.5rem){.footer__logo{height:100px}}.footer__left{padding-left:7.5rem;padding-top:3.75rem;padding-bottom:.625rem}@media (max-width:63.9375rem){.footer__left{padding-left:3.75rem}}@media (max-width:37.5rem){.footer__left{padding-left:.9375rem}}.footer__right{padding-right:7.5rem;padding-top:5.625rem;padding-bottom:3.75rem}@media (max-width:63.9375rem){.footer__right{padding-left:3.75rem;padding-top:5.625rem}}@media (max-width:37.5rem){.footer__right{padding-left:.9375rem}}@media (min-width:64rem){.footer__right{padding-top:4.6875rem}}.footer .address{width:26.875rem;margin-left:1.875rem}.footer .contact{justify-content:flex-end}@media (max-width:63.9375rem){.footer .contact{justify-content:flex-start}}.footer .contact__logo{margin:auto 1.875rem}.footer .contact__phone{min-width:137px}.cat-open{opacity:1}.cat-close{display:none}.sidebar{background-color:#223849;color:#fff;cursor:pointer;font-weight:600}@media (min-width:64rem){.sidebar{min-height:78.125rem}}.sidebar__header{text-align:center;padding:.625rem .625rem 1.25rem}.sidebar__header h2{font-size:1.5rem}@media (min-width:64rem){.sidebar__header{text-align:left;padding:3.75rem 0 1.25rem;margin-left:60px;margin-right:60px}.sidebar__header h2{font-size:1.875rem;font-weight:500}}.sidebar__content{padding-bottom:20px}.sidebar__divider{margin:40px auto 30px;width:100%;height:3px;background-color:#fff}.menu{background-color:#223849;color:#fff;border:none;margin-bottom:.3125rem}.menu ul{margin:0}.menu span{font-size:1.25rem}@media (min-width:64rem){.menu{text-align:left;margin-left:60px;margin-right:60px}}.menu .sidebar_dropdown .submenu{font-size:1rem;padding-top:.4375rem;padding-bottom:.4375rem;-webkit-perspective:1000px;perspective:1000px;z-index:-1}.menu .sidebar_dropdown .submenu:first-child{padding-top:.625rem}.menu .sidebar_dropdown .submenu a{color:#fff}.menu .sidebar_dropdown .submenu .subcategory{border:2px solid transparent;border-radius:25px;padding:5px 10px;margin-left:-5px;margin-top:-10px}.menu .sidebar_dropdown .submenu .subcategory:active,.menu .sidebar_dropdown .submenu .subcategory:focus,.menu .sidebar_dropdown .submenu .subcategory:hover{color:#448ab0;border:2px solid #448ab0}@media (min-width:64rem){.menu .sidebar_dropdown .submenu{padding-top:1.25rem;margin-left:10px}.menu .sidebar_dropdown .submenu:first-child{padding-top:1.25rem}}.menu:last-child .sidebar__divider{display:none}.contents{padding-left:2.1875rem;padding-right:2.1875rem}@media (max-width:37.5em){.contents{padding-left:1.25rem;padding-right:1.25rem}}.contents h3{font-weight:700;font-size:1.3125rem}@media (max-width:37.5em){.contents h3{text-align:center}}.contents h1{font-weight:700;font-size:2.625rem;padding-bottom:.625rem}@media (max-width:37.5em){.contents h1{text-align:center;font-size:2.25rem}}.contents p{font-family:Raleway;font-style:normal;font-weight:500;font-size:1rem;padding-top:.9375rem;line-height:1.5625rem;letter-spacing:.5px}@media (max-width:37.5em){.contents p{text-align:center}}.carousel{margin-top:-5.625rem;z-index:-10}@media (max-width:56.25em){.carousel{margin-top:-6.25rem}}.hero-margin{margin-top:-5.625rem;z-index:-10}@media (max-width:56.25em){.hero-margin{margin-top:-6.25rem}}.carousel-control.left{z-index:10;left:0}.carousel-control.right{z-index:10;right:0}.btn-border-50{border-radius:3.125rem;border-width:2px}.btn-border-width-2{border-width:.125rem}.btn-home{padding:.8rem 2rem;font-weight:700;color:#000;background-color:transparent;border-color:#333}.btn-home:hover{color:#0183c5;border-color:#0183c5;background-color:#fff}@media (min-width:100em){.btn-home{font-size:125%}}@media (max-width:56.25em){.btn-home{font-size:130%}}.about-us{display:flex;justify-content:space-around;padding:6rem 4rem;align-items:center}@media (max-width:56.25em){.about-us{flex-direction:column;justify-content:center}}.about-us__left{margin-right:2.5rem}.about-us__left img{height:28.8125rem}@media (max-width:56.25em){.about-us__left{margin-right:0}.about-us__left img{height:auto;width:100%}}.about-us__right{padding:2rem;margin-left:2.5rem}@media (max-width:56.25em){.about-us__right{padding:0;margin:0 auto;display:flex;flex-direction:column}}.about-us h1{font-size:2.625rem;font-weight:600}.about-us p{font-size:1.25rem;max-width:33.75rem}.about-us__content{padding-bottom:1.875rem}@media (max-width:56.25em){.about-us__content{text-align:center}}.product-service{margin-bottom:5.625rem}.product-service p{text-align:center;font-size:1.25rem}.product-service__container{background-image:url(/static/media/product_service_bg.400c50ac.png);height:24.375rem;color:#fff;text-align:center}.product-service__sub-title{padding-top:6.25rem}.product-service__title{font-size:48px}.product-service__application{display:flex;justify-content:center;align-items:center;margin-top:-6.25rem;margin-bottom:3.75rem}@media (max-width:56.25em){.product-service__application{flex-direction:column;align-items:center;padding-top:3rem}}.product-service__application__container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;cursor:pointer}.product-service__application__container:first-child{margin-right:3.75rem}@media (max-width:56.25em){.product-service__application__container:first-child{margin-right:0;margin-bottom:3.75rem}}.product-service__application__container:last-child{margin-left:3.75rem}@media (max-width:56.25em){.product-service__application__container:last-child{margin-left:0;margin-top:3.75rem}}.product-service__application__application,.product-service__application__image{position:relative;display:inline-block}@media (max-width:56.25em){.product-service__application__image img{width:95%}}.product-service__application__image:hover:after{content:"";position:absolute;left:4px;top:4px;border-radius:25px;width:262px;height:262px;display:inline-block;background:linear-gradient(180deg,transparent 0,rgba(1,131,197,.25))}.product-service__application__title{font-weight:800;text-transform:uppercase;padding:1.2rem 0 1rem;line-height:1.53rem;border-radius:20px;width:14.5rem;font-size:20px;margin:-16px auto 0;text-align:center;z-index:-2;max-width:232px}.contact-us{display:flex;justify-content:space-between;align-items:center;background-color:#f3f5fa}@media (max-width:56.25em){.contact-us{display:flex;flex-direction:column;justify-content:center;align-items:center}}.contact-us__right{flex-basis:35%;margin-right:2.5rem;margin-left:1.25rem;margin-bottom:2.5rem}.contact-us__right p{padding-top:1.5625rem;font-size:1.25rem}@media (max-width:56.25em){.contact-us__right{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-us__right p{text-align:center;width:85%;font-size:1.375rem}}.stats{display:flex;justify-content:space-evenly;align-items:center;background-image:url(/static/media/statistics_bg.831a5bd9.png);background-repeat:no-repeat;background-size:cover;width:100%;height:18.125rem}@media (max-width:56.25em){.stats{flex-direction:column;padding-top:30px;padding-bottom:30px;height:auto;min-height:18.125rem}}.stats__divider{height:calc(100% - 9rem);width:2px;background-color:#fff}@media (max-width:56.25em){.stats__divider{width:calc(100% - 19rem);height:1px;background-color:hsla(0,0%,100%,.2);border-radius:50px}}.stats__cards{color:#fff;font-weight:700;text-align:center;padding:1.25rem}@media (max-width:56.25em){.stats__cards{padding:0}}.stats__cards h1{font-size:3.75rem;font-weight:700}@media (max-width:56.25em){.stats__cards h1{font-size:2.5rem;font-weight:600}}.stats__cards p{font-size:1rem}.article__container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.75rem 3.75rem 6.25rem}.article__contents{display:flex;flex-direction:row}@media (max-width:56.25em){.article__contents{flex-direction:column}}.article__title{color:#11623d;font-size:3rem}.article__title span{font-weight:600}.article__cards{background-size:cover;padding:1.25rem;height:21.25rem;margin:1.25rem;color:#fff;border-radius:25px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;grid-row-gap:15px;row-gap:15px}.article .card-button{border:.125rem solid #84b22a;border-radius:25px;padding:.3125rem .625rem;cursor:pointer;font-weight:600}.article .card-button:hover{background-color:hsla(0,0%,100%,.6);color:#fff}@media (max-width:56.25em){.article .card-button,.article .card-title{font-size:1.375rem}}#article1{background-image:linear-gradient(180deg,transparent,#000),url(/static/media/article_1.d7cd34b5.jpg);width:18.75rem}#article2{background-image:linear-gradient(180deg,transparent,#000),url(/static/media/article_2.b8b57f17.jpg);width:15rem}@media (max-width:56.25em){#article2{width:18.75rem}}#article3{background-size:cover;background-image:linear-gradient(180deg,transparent,#000),url(/static/media/article_3.69d5badf.jpg);width:15rem}@media (max-width:56.25em){#article3{width:18.75rem}}.contact__container{display:flex;flex-direction:row;margin-bottom:6.25rem}@media (max-width:37.5em){.contact__container{flex-direction:column}}.contact__left{flex-basis:20%;font-size:1.25rem;border-radius:15.625rem;background:#247f3f;background:linear-gradient(0deg,#247f3f,#10623f);color:#fff;margin-top:-6.25rem;margin-left:-3.125rem}@media (max-width:37.5em){.contact__left{margin-left:1.875rem;margin-right:1.875rem}}.contact__left-container{margin:9.375rem 6.25rem 6.25rem 7.5rem}@media (max-width:56.25em){.contact__left-container{margin-left:4.375rem}}@media (min-width:100em){.contact__left-container{margin-left:6.25rem;margin-right:5rem}}.contact__left-container .section{margin-bottom:2.1875rem}.contact__left-container .social-medias{display:flex;justify-content:flex-start}.contact__left-container .social-medias>*{margin-top:.625rem;margin-right:.625rem}.contact__title{text-transform:uppercase;font-weight:700}.contact__title .icon{margin-right:10px}.contact__right{margin:2.5rem 3.125rem;flex-basis:64%}.contact__right p{font-size:1.25rem}@media (max-width:56.25em){.contact__right p{text-align:center}}.contact__forms{display:flex;flex-direction:column;width:100%}.contact__forms #btn-form-submit{align-self:flex-end;margin:15px 26px 15px 15px;width:7.5rem;border:2px solid #726d6d}.mapouter{position:relative;text-align:right;height:400px}.gmap_canvas{overflow:hidden;background:none!important;height:400px}.section-container{padding:2.5rem;margin-left:3.125rem;margin-right:3.125rem}@media (max-width:56.25em){.section-container{margin-left:0;margin-right:0;padding:0}}.hero-factory.row{margin-right:0;margin-left:0}.hero-factory__p{font-size:26px;position:absolute;bottom:90px;font-weight:400;width:100%;padding:40px;text-align:center;display:flex;justify-content:center}.hero-factory__p p{width:80%}.intro{flex-direction:column}.intro,.intro__container{display:flex;justify-content:center;align-items:center}.intro__container{flex-direction:row;padding-top:6rem;padding-bottom:6rem}@media (max-width:56.25em){.intro__container{flex-direction:column;text-align:center;padding:2.5rem}.intro__container img{width:80%}}.intro__left img{height:26.25rem}@media (max-width:56.25em){.intro__left img{height:auto;width:100%}}.intro__right{width:50%;text-align:left}.intro__right,.intro__right .contents p{line-height:2rem}.intro__right .contents .bold{font-weight:700}@media (max-width:56.25em){.intro__right{width:100%;margin-top:1.25rem;text-align:center}}.process__container{margin:3.75rem}.process__container p{text-align:center}.process__title{font-size:1.25rem}.process__bubbles{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:2.5rem 1.875rem;grid-row-gap:10px;row-gap:10px;font-size:1.125rem;font-weight:700}@media (max-width:56.25em){.process__bubbles{margin:0}}.process__bubble-svg{flex-basis:27%;text-align:center;background:url(/static/media/bubble.1e0d3857.svg);color:#313149;padding:30px;border-radius:15px;display:inline-block}@media (max-width:56.25em){.process__bubble-svg{flex-basis:100%}}.value{background-image:url(/static/media/about_us_togetherness.4396908a.png);background-size:cover;background-repeat:no-repeat;color:#fff;padding-bottom:2.5rem;display:flex;flex-direction:column;align-items:center}.value__title{margin-top:1.25rem;padding-top:1.875rem}.value__title h1{color:#fff;font-weight:600;border-radius:808px;border:2px solid #fff;padding:5px 10px}@media (max-width:56.25em){.value__title h1{font-size:1.75rem}}.value__introduction{text-align:center;width:75%;margin-bottom:2rem;padding-bottom:3rem}.value__cards{padding:1.25rem;flex-basis:25%;line-height:1.375rem}.value__cards h4{font-weight:600;margin-bottom:1.25rem}@media (max-width:56.25em){.value__cards{flex-basis:90%}}.value__contents{display:flex;flex-wrap:wrap;text-align:center;justify-content:center;padding-bottom:2.5rem}@media (max-width:56.25em){.value__contents{padding:0}}.value__contents #commit{border-bottom:2px solid #fff;border-right:2px solid #fff}@media (max-width:56.25em){.value__contents #commit{border:0}}.value__contents #optimistic{border-bottom:2px solid #fff;border-right:2px solid #fff}@media (max-width:56.25em){.value__contents #optimistic{border:0}}.value__contents #objective{border-bottom:2px solid #fff}@media (max-width:56.25em){.value__contents #objective{border:0}}.value__contents #innovative{border-left:2px solid #fff;flex-basis:37%}@media (max-width:56.25em){.value__contents #innovative{flex-basis:90%;border:0}}.value__contents #responsible{flex-basis:37%}@media (max-width:56.25em){.value__contents #responsible{flex-basis:90%}}.approach{background-image:url(/static/media/about_us_background_dots.d41093fb.png);width:100%;padding-bottom:5rem}.approach .rows{display:flex;padding-top:2.25rem}@media (max-width:56.25em){.approach .rows{flex-direction:column}}.approach__title{display:flex;align-items:center;margin-top:1.25rem}.approach__title h1{color:#686868;font-weight:600;border-radius:808px;border:2px solid #686868;padding:5px 10px}@media (max-width:56.25em){.approach__title h1{font-size:1.75rem}}@media (max-width:56.25em){.approach__title{flex-direction:column}}.approach__left,.approach__right{flex-basis:50%;display:flex;justify-content:center;align-items:center}.approach__card{display:flex;flex-direction:column;justify-content:space-evenly;width:90%;text-align:center;align-items:center}.approach__card h3{font-style:italic;color:#298f74;font-weight:600;font-size:3rem;line-height:2.5rem;letter-spacing:.2px}.approach__card h3:nth-child(2){margin-left:4.375rem}@media (max-width:56.25em){.approach__card h3{font-size:2.25rem}}.approach__card p{width:25rem;max-width:100%;line-height:1.625rem}.approach__image img{max-height:20rem}@media (max-width:56.25em){.approach__image img{height:auto;width:90%;display:flex;margin:0 auto}}@media (max-width:56.25em){.approach #relationship .approach__left{order:1}}.halal{color:#7b7b7b}.halal h1{color:inherit;border-color:#acaf44;display:inline-block}.halal p{text-align:justify;font-weight:600;line-height:1.75rem;padding-top:.9375rem}.halal__title{padding-left:1rem}.halal .left,.halal .right{flex-basis:45%}.halal .right p:first-child{padding-top:0}.halal .left p{padding-top:1.5625rem}.halal__contents{padding:.9375rem .9375rem 2.1875rem;display:flex;flex-direction:row;justify-content:space-between}@media (max-width:56.25em){.halal__contents{flex-direction:column;font-size:1.125rem}}.halal__cards{border:2px solid #7b7b7b;margin:.9375rem 0;border-radius:25px;cursor:pointer;padding:.3125rem .625rem;display:flex;justify-content:space-between;align-items:center;flex-basis:45%}.halal__cards p{padding:0;margin:0}.halal__cards:hover{background-color:#fff;-webkit-animation:pulse .5s;animation:pulse .5s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.halal__cards:hover .product-id{color:#000}.halal__cards .product-id{color:#7b7b7b}.halal__cards .product-id:before{background-color:#23527c;content:"";width:8px;height:8px;border-radius:50%;margin-right:5px;display:inline-block;vertical-align:middle}.halal__cards .product-cat{color:#686868;font-weight:700}.halal__cards .product-subcat{color:#757c83;font-weight:500}.product-contents{padding-bottom:2rem;margin-top:2rem;margin-bottom:2rem}#hex-ceramic-tile,#hex-paper-mill{background:linear-gradient(180deg,#3a65a8,#42917c)}#hex-detergent,#hex-sugar-mill,#hex-sugar-refinery-mill{background:linear-gradient(180deg,#42917c,#3a65a8)}.list-hex-grid{margin-top:3.75rem;margin-bottom:3.75rem;padding-bottom:3.75rem;font-size:0;word-spacing:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.list-hex-grid .grid{margin-left:1.25rem;margin-right:1.25rem;max-width:100%}@media (max-width:56.25em){.list-hex-grid .first-grid,.list-hex-grid .second-grid{display:flex;flex-direction:column;justify-content:center;align-items:center}}.list-hex-grid div.hex{display:inline-block;vertical-align:middle;position:relative;float:none;z-index:20;margin-top:2.5rem;margin-bottom:2.5rem;width:11.875rem}@media (max-width:56.25em){.list-hex-grid div.hex{padding-top:1.5625rem;padding-bottom:1.5625rem}}.list-hex-grid div.hex .hex-title{position:absolute;z-index:23;top:35%;width:100%;text-align:center;color:#fff;font-size:1.5rem}.list-hex-grid div.hex .hex-contents{background-color:#ee6557;font-size:1.125rem;word-spacing:1px;text-align:center;border:none;color:#fff;display:block;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.list-hex-grid div.hex div.hex-1{-webkit-transform:rotate(60deg);transform:rotate(60deg);border:inherit;top:0;left:0;border-bottom:1px solid #bbb;border-top:1px solid #bbb}.list-hex-grid div.hex div.hex-1,.list-hex-grid div.hex div.hex-2{width:100%;height:100%;overflow:hidden;background:inherit;z-index:2;position:absolute}.list-hex-grid div.hex div.hex-2{-webkit-transform:rotate(-60deg);transform:rotate(-60deg);border:inherit}.list-hex-grid div.hex>.hex-contents{height:6.875rem;line-height:13.75rem}.list-hex-grid div.hex .hex-1:before,.list-hex-grid div.hex .hex-2:before{content:"";position:absolute;background:inherit;border:inherit;left:0;height:13.75rem;width:13.75rem}.list-hex-grid div.hex .hex-2:before{bottom:0;-webkit-transform:rotate(60deg) translate(40px,40px);transform:rotate(60deg) translate(40px,40px)}.list-hex-grid div.hex .hex-1:before{bottom:0;-webkit-transform:rotate(-60deg) translate(-70px);transform:rotate(-60deg) translate(-70px)}.fade-enter{opacity:0;z-index:1}.fade-enter.fade-enter-active{opacity:1;transition:opacity .35s ease-in}
/*# sourceMappingURL=main.8b1b49ca.chunk.css.map */