:root{--blue-color:#41ACFC;--white-color:#fff;--black-color:#0000;--gray-color:#E5E5E5;--second-gray:#F8F8F8}.wrapper-body{margin-top:40px!important}.banner-sawit{background-image:url('../../Assets/bg-sawit.png');background-repeat:no-repeat;background-position:center center;padding-top:10rem;padding-bottom:10rem;min-height:100vh}.banner-sawit .title{margin-top:30px;font-size:48px;font-weight:600}.banner-sawit .card-sawit-tagline{padding:48px;border-radius:10px;color:var(--white-color);background-color:var(--blue-color)}.banner-sawit .card-sawit-tagline .precentage h3{font-size:48px;font-weight:600;margin:0;padding:0}.banner-sawit .card-sawit-tagline .precentage p{font-size:24px}.banner-sawit .card-sawit-tagline p{font-size:20px}.iot-solution{margin-top:8rem}.border-gray{border:1px solid var(--gray-color);border-radius:12px;padding:48px 0}.iot-solution h1{text-align:center;font-weight:600;font-size:32px}.iot-solution h3{font-size:20px;margin-bottom:20px}.iot-solution .item h4{font-size:18px;font-weight:600}.iot-solution .item p{font-size:16px;font-weight:400}.iot-solution .item.no-iot{position:relative;padding-right:2rem}.iot-solution .item.no-iot::after{content:"";background-image:url('../../Assets/project/Icon_multiply_solid.png');width:20px;height:20px;position:absolute;right:0;top:0;background-repeat:no-repeat;background-size:cover}.iot-solution .item.with-iot{position:relative;padding-left:2rem}.iot-solution .item.with-iot::before{content:"";background-image:url('../../Assets/project/Icon_check_solid.png');width:20px;height:20px;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:cover}.dashboard-production{background-color:var(--second-gray);padding-top:60px;padding-bottom:60px}.dashboard-production h1{font-size:32px;font-weight:600;margin:0}.dashboard-production h3{font-size:20px;font-weight:400;padding:0 200px;margin-top:24px}.dashboard-production .card-production{border-radius:12px;padding:15px 15px 32px 15px;background-color:var(--white-color)}.dashboard-production .img-dashboard{border-radius:8px;overflow:hidden;max-width:100%}.dashboard-production .img-dashboard img{width:100%}.dashboard-production .card-production .desc h4{font-weight:700;font-size:16px}.dashboard-production .card-production .desc p{font-size:16px;font-weight:400}.sensor{margin-top:8rem}.sensor h1{font-size:32px;font-weight:600;margin:0}.sensor h3{font-size:20px;font-weight:400;padding:0 200px;margin-top:24px}.sensor .img-sensor{max-width:100%}.main-control{margin-top:8rem}.main-control h1{font-size:32px;font-weight:700}.main-control h3{font-size:18px}.main-control .function-spec{gap:20px}.documentation{margin-top:8rem}.documentation h1{font-size:32px;margin-top:24px;margin-bottom:12px}.client-users{margin-top:8rem}.client-users h1{font-size:32px;margin-top:24px;margin-bottom:24px}.form-send{margin-top:8rem;background-color:#fff;border-radius:20px}.form-send h1{font-size:32px;margin-top:24px;margin-bottom:24px}.form-send h3{font-size:20px;font-weight:400;padding:0 200px;margin-top:24px}.form-send form{padding:0 200px;margin-top:20px}.form-send form .form-input{position:relative;padding:15px 10px;width:100%}.form-send form .form-input input,.form-send form .form-input select{min-width:100%;border:none;padding:20px 0 10px;border-bottom:1px solid #eee;outline:0}.form-send form .form-input label{position:absolute;bottom:20px;font-size:15px;font-weight:500;color:#888}.form-send form .form-input label.raised{position:absolute;bottom:45px;font-size:12px;font-weight:600;color:#5fb9e6;transition:.2s}.form-send form .form-input .form-control-custom:focus{outline:0;border-bottom:2px solid #5fb9e6}.form-send form .form-input .btn-send-request{background-color:#5fb9e6;padding:11px 50px;border:none;color:#fff;font-weight:600;outline:0}.form-send form .calling{padding:15px 10px}.form-send form .calling div{font-size:14px;font-weight:500;color:#000}.form-send form .calling div a{border-bottom:1px solid #000;text-decoration:none;color:#000}.form-send form .calling div a:hover{border-bottom:2px solid #5fb9e6}.link-port button{background:transparent linear-gradient(113deg,#80cff7 0,#5fb9e6 100%) 0 0 no-repeat padding-box;border-radius:30px;opacity:1;color:#fff;padding:15px 60px 15px 30px;font-size:14px;display:inline-block;font-weight:700;position:relative;outline:0;border:none;cursor:pointer}.link-port button::after{content:"";background:url(../../Assets/ic-arrow-lg.png) no-repeat;background-size:contain;background-position:center;height:20px;margin:15px 0;width:24px;position:absolute;right:25px;top:0}.popup-message{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);transition:opacity .5s;visibility:hidden;opacity:0;z-index:9999;display:flex;justify-content:center;align-items:center}.popup-message.disable{transition:opacity .5s;visibility:visible;opacity:1}.popup-message .card-message{max-width:400px;background-color:var(--white-color);padding:32px 30px;border-radius:20px;text-align:center;background-image:url('../../Assets/bg-succes-form.png');background-repeat:no-repeat;background-size:cover}.popup-message .card-message h1{font-size:32px;margin-top:20px;font-weight:600;margin-bottom:20px}.popup-message .card-message h3{font-size:24px;margin:0}.popup-message .card-message button{padding:10px 50px;margin-top:24px}