×

注意!页面内容来自https://scaleocean.com/id/blog/belajar-bisnis/saluran-distribusi-adalah,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

< scoped="">.tdi_2{min-height:0}.tdi_2>.td-element-:after{content:''!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;z-index:0!important;display:block!important;background-color:#ffffff!important}.td-header-mobile-wrap{position:relative;width:100%}@media (max-width:767px){.tdi_2:before{content:'';display:block;width:100vw;height:100%;position:absolute;left:50%;transform:translateX(-50%);box-shadow:0px 2px 10px 0px rgba(0,0,0,0.09);z-index:20;pointer-events:none}@media (max-width:767px){.tdi_2:before{width:100%}}}
< scoped="">.tdi_4,.tdi_4 .tdc-columns{min-height:0}.tdi_4,.tdi_4 .tdc-columns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.tdi_4 .tdc-columns{width:100%}.tdi_4:before,.tdi_4:after{display:none}#tdi_3{max-width:100%!important;flex-grow:1}@media (min-width:768px){.tdi_4{margin-left:-20px;margin-right:-20px}.tdi_4 .tdc-row-video-background-error,.tdi_4>.vc_column,.tdi_4>.tdc-columns>.vc_column{padding-left:20px;padding-right:20px}}@media (min-width:1019px) and (max-width:1140px){@media (min-width:768px){.tdi_4{margin-left:-15px;margin-right:-15px}.tdi_4 .tdc-row-video-background-error,.tdi_4>.vc_column,.tdi_4>.tdc-columns>.vc_column{padding-left:15px;padding-right:15px}}}@media (min-width:768px) and (max-width:1018px){@media (min-width:768px){.tdi_4{margin-left:-10px;margin-right:-10px}.tdi_4 .tdc-row-video-background-error,.tdi_4>.vc_column,.tdi_4>.tdc-columns>.vc_column{padding-left:10px;padding-right:10px}}}.tdi_4{padding-right:0px!important;padding-left:0px!important;position:relative}.tdi_4 .td_block_wrap{text-align:left}
<>.tdi_3_rand_{background-color:#002141!important}
< scoped="">.tdi_6{vertical-align:baseline;flex-grow:1}.tdi_6>.wpb_wrapper,.tdi_6>.wpb_wrapper>.tdc-elements{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.tdi_6>.wpb_wrapper>.tdc-elements{width:100%}.tdi_6>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_6>.wpb_wrapper{width:100%;height:100%}div.tdi_6{width:100%!important}.tdi_6{margin-right:0px!important;margin-left:0px!important;padding-right:0px!important;padding-left:0px!important;border-color:rgba(255,255,255,0.2)!important;border-:solid!important;border-width:0!important}@media (min-width:768px) and (max-width:1018px){.tdi_6{width:24%!important}}
<>.tdi_7{margin-right:0px!important;margin-bottom:0px!important;margin-left:0px!important;padding-right:0px!important;padding-left:0px!important;width:100%!important} <>.vc_column_text>.td-element-{z-index:-1}
<> @import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap'); .banner-offer[data-theme="dark"].additional-nav[data-theme="dark"] { background: linear-gradient(92.23deg#D43B3C 2.87%#DA5959 109.91%); color: #fff; .t-dark{ color: #FFFFFF !important; } .t-black{ color: #E0ECFB !important; } .grad-text-rainbow{ background: linear-gradient(270deg#DDDDDD 13.1%#FFFFFF 99.89%); color: transparent; background-clip: text; } .banner-button{ color: #F4F4F4; &:hover{ color: #B2C6DF; .fa-arrow-right { background-color: #4E2808; } } .fa-arrow-right { background-color: #4E2808; } } } .banner-offer[data-theme="light"].additional-nav[data-theme="light"] { background-color: #EFF6FF; color: #6E6E6E; .t-dark{ color: #6E6E6E !important; } .t-black{ color: #333 !important; } .grad-text-rainbow{ background: linear-gradient(270deg#1D66AF 9.58%#002141 51.69%#EE4345 93.8%); color: transparent; background-clip: text; } .banner-button{ color: #2286FF; &:hover{ color: #0C5FC4; .fa-arrow-right { background-color: #0C5FC4; } } .fa-arrow-right { background-color: #2286FF; } } } .so-navbar.navbar { transition: .4s ease all; } .fa-arrow-right{ background-color: inherit; mask-image: url(/assets/images/arrow-left-solid.svg); background-size: contain; background-position: center; background-repeat: no-repeat; width: 16px; height: 18px; display: inline-block; /* transform: rotate(180deg); */ rotate: 180deg; transition: all .3s ease; } .banner-offer { background: #EFF6FF; width: 100%; position: relative; transition: ease all 0.5s; -webkit-transition: ease all 0.3s; z-index: 80; overflow: hidden; top: 58.5px; } .banner-offer .close-banner.banner-row .close-banner{ color:#753C0B; opacity: .8; position:absolute; top:5px; right:5px; height:25px; width:25px; text-align:center; line-height:25px; /* background:red; */ cursor:pointer; font-size: 30px; z-index: 12; } .grad-text-rainbow { background: linear-gradient(270deg#1D66AF 9.58%#002141 51.69%#EE4345 93.8%); color: transparent; background-clip: text; } .fa-arrow-right{ background-color: #2286FF; } .banner-maincol.banner-col3.banner-col2 { padding: 18px 0; } .banner-row{ display:flex; flex-direction: row; align-items: stretch; } .banner-maincol { text-align: center; /* width: 50%; */ max-width: 696px; display: flex; gap:20px; align-items: center; justify-content: center; } .banner-col2{ flex: 0 0 auto; width: 20%; text-align: right; display: flex ; align-items: center; } .banner-col2 span{display: inline-block;} .banner-col3 { text-align: right; min-width: 38%; display:flex; align-items:center; justify-content: end; } .banner-col3 button { max-height: 50px; font-weight: bolder; } .banner-button { font-size: 16px; font-weight: 700; padding: 10px 24px; transition: ease all 0.3s; font-family: "Lexend"sans-serif; display: inline-flex; gap: 8px; align-items: center; text-decoration: none !important; background: linear-gradient(180deg#D3A745 0%#F4F49E 36.78%#FCEDA7 109.39%#B18336 146.05%); border-radius: 100px; .fa-arrow-right{ transition: ease all 0.3s; } } .banner-button svg{ width: 20px; height: 20px; border-radius: 30px; background-color: #8F2020; padding: 3px; margin-left: 16px; } .banner-button:hover { box-shadow: 4px 4px 7px #7e3b00ba inset; .fa-arrow-right{ transform: translateX(-6px); } } img.banner-lbg{ position: absolute; width: 100%; height: auto; z-index: 99; margin-bottom: -16px; } img.banner-lbg{left: -20px;} .banner-banner{margin-right: 8px;width: 150px;} .banner-text { font-family: 'Poppins'; font-weight: 600; font-: Italic; font-size: 22px; leading-trim: CAP_HEIGHT; line-height: 26px; letter-spacing: 0%; text-align: center; display: flex; align-items: center; gap: 5px; } .banner-countdown { font-size: 14px; margin-bottom: 0; align-items: center; border-radius: 8px 0 0 8px; padding: 7px 14px; flex-direction: column; display: flex; color: #fff; background: #363636; border: 1px solid #cb9a49; line-height: 14px; min-width: 120px; } /* additional-nav */ #navbar-id-sg#navBar{ transition: .4s ease all; } .additional-nav{ background: #EFF6FF; position: fixed; top: 0; z-index: 990; width: 100%; transition: .4s ease all; transform: translateY(-120%); } .t-dark{ color: #6E6E6E !important; } .banner-p{ font-family: Roboto; font-size: 16px; font-: normal; font-weight: 400; line-height: 28px; } .banner-title { font-family: 'Libre Caslon Text'; font-weight: 700; font-: Bold; font-size: 44px; leading-trim: NONE; line-height: 32px; letter-spacing: 0%; } .banner-text-big{ font-family: "Lexend"; font-weight: 500; font-: Medium; font-size: 16px; leading-trim: NONE; line-height: 18px; letter-spacing: 0%; margin-bottom: 16px; } /* .banner-emblem{width:171px} */ .banner-emblem { min-width: 100px; width: 100px; } .minimized .banner-maincol{max-width:unset; padding: 0;} .minimized img {max-width:unset;margin:0 0;min-width:unset;margin-bottom: -2px;} /* .minimized .banner-title { font-size: 20px; margin-bottom: 8px; margin-top: 8px; } */ .banner-button.tab{ display: none; } .banner-offer picture img{ display: block; } span#banner-cd { /* background: #9c171e; */ color: #fff; padding: 2px 8px; font-size: 16px; border-radius: 6px; font-weight: bold; } span#banner-cd-m { padding: 2px 8px; font-weight: bold; } @keyframes pulsing { 50% {box-shadow: 0 0 0 0px rgba(15623300.7);} 100% {box-shadow: 0 0 0 20px rgba(15623300);} } /* Badge Container */ .discount-badge { position: relative; width: 120px; height: 181px; display: flex; justify-content: end; align-items: center; padding: 0; box-sizing: border-box; top: -20px; } /* The Gold Ribbon Shape using clip-path */ .ribbon-text { position: absolute; width: 90%; height: 95%; background: linear-gradient(180deg#D3A745 0%#F4F49E 25.18%#FCEDA7 74.9%#B18336 100%); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #5d4037; /* Create the ribbon tail shape */ clip-path: polygon( 0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85% ); box-shadow: 0 4px 6px rgba(0000.3); z-index: 2; } /* A slight darker gold shade to simulate the fold/depth */ .ribbon-text::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; /* Corresponds to the tail height */ background: linear-gradient(to top#ccaa00rgba(2552552550.1)); clip-path: polygon( 0% 85%, 100% 85%, 50% 100% ); z-index: -1; } /* Text Styling */ .disc-label { font-family: 'Lexend'; font-weight: 500; font-: Medium; font-size: 16.31px; leading-trim: NONE; line-height: 100%; letter-spacing: 0%; vertical-align: middle; text-transform: uppercase; color: #753C0B; margin-bottom: 6px; } .percentage { font-family: 'Lexend'; font-weight: 700; font-: Bold; font-size: 38.73px; leading-trim: NONE; line-height: 100%; letter-spacing: 0%; vertical-align: middle; color: #753C0B; text-shadow: 1px 1px 2px rgba(0000.1); } .off-label { font-family: 'Lexend'; font-weight: 700; font-: Bold; font-size: 28.54px; leading-trim: NONE; line-height: 100%; letter-spacing: 0%; vertical-align: middle; color: #753C0B; margin-top: 5px; text-transform: uppercase; } .banner-offer{ padding-top: 0 !important; padding-bottom: 0 !important; } .overlay-texture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/assets/images/special-offer-banner/xmas/texture.webp') no-repeat center; background-size: cover; opacity: 1; pointer-events: none; z-index: 1; } .overlay-lamps{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; background: url('/assets/images/special-offer-banner/xmas/lamps.webp') no-repeat center; background-size: cover; opacity: 1; pointer-events: none; z-index: 2; } .text-gold{ background: linear-gradient(180deg#E8BB57 0%#F4F49E 55.25%#FCEDA7 109.39%#B18336 146.05%); color: transparent; background-clip: text; font-family: 'Poppins'; font-weight: 800; font-: Italic; font-size: 24px; leading-trim: CAP_HEIGHT; line-height: 26px; letter-spacing: 0%; text-align: center; } .text-dark-gold{ background: linear-gradient(180deg#753C0B 0%#281402 100%); color: transparent; background-clip: text; } .minimized { .discount-badge { width: 80px; height: 90px; top: -5px; } .disc-label{ font-size: 9px; margin-bottom: 4px; } .percentage{ font-size: 21px; } .off-label{ font-size: 16px; margin-top: 3px; } .banner-text{ margin-bottom: 0; font-size: 17px; } .text-gold{ font-size: 20px; } .banner-title{ font-size: 33px; margin-bottom: 5px; } .banner-button{ font-size: 12px; padding: 8px 18px; } .fa-arrow-right{ width: 12px; height: 14px; } } .additional-nav{ max-height: 90px; } .banner-offer .container{ position: relative; z-index: 15; } @media (min-width:1400px){ .banner-offer{padding:10px 60px; top: 67px;} img.banner-lbg{ display: block; left: unset; width: auto; height: 100%; right: -100px; } .banner-offer picture img{ height: 120px; } .container.banner-full{ width:1320px !important; min-width:0px !important; margin: auto; } .minimized img.banner-lbg{ right: 0; } } @media (max-width:1560px){ .banner-offer .container { min-width: 100%; max-width: 100%; } } @media (max-width: 1399px) { .banner-offer .container { padding: 12px 50px 10px; } .banner-col3{ min-width: 25%; } } @media (max-width: 1399px) and (min-width: 1200px) { .banner-col3{ width: 25%; } .minimized img.banner-lbg{ left: -50px; } img.banner-lbg{ left: -190px; height: 100%; width: auto; } .banner-offer{top: 65px;} } @media (max-width: 1199px) { .banner-maincol { flex: 4; position: relative; z-index: 3; } .minimized img{ margin-bottom: 0; max-width: unset; } .banner-col2{width:17%; justify-content: center;} .banner-offer{top: 53px;} img.banner-lbg{ width: 120%; margin-bottom: -24px; left: -50px; } .minimized{ .banner-maincol{ margin-bottom: 12px; } } } @media (max-width: 1199px) { .minimized img.banner-lbg{ left: -20%; width: auto; height: 100%; margin-bottom: -4px; pointer-events: none; z-index: 9; } .banner-button{ font-size: 14px; } .banner-offer .container { padding-left: 20px; padding-right: 20px; } } @media (min-width: 991px) and (max-width: 1199px) { img.banner-lbg{ width: auto; margin-bottom: -24px; left: -130px; height: 100%; } } @media screen and (max-width:991px){ img.banner-lbg{ display: none; } .banner-col3 button{ max-height:unset; } .banner-row{ display:block; padding: 0; } .banner-maincol { max-width:100%; align-items:center; justify-content: end; } .banner-col3 { margin-left: 0; padding-top:0; display: flex; align-items:normal; } .banner-countdown { text-align: center; width: 250px; align-items: center; display: flex; flex-direction:row; padding-left:25px; border-radius:8px 0 0 8px } .banner-col2 img { max-width: 130px; } /* .banner-maincol{display:none} */ .banner-col3 button { width: 100%; font-size: 14px; /* padding: 6px 10px; */ } .banner-offer{padding: 0;text-align: center;} .discount-badge{ position: absolute; } .banner-content{ width: 90%; } .banner-text{ justify-content: center; } .additional-nav{ max-height: unset; } .minimized{ padding-top: 20px; padding-bottom: 20px; } .img-content{ display: none !important; } .minimized{ min-width: 100%; max-width: 100%; .discount-badge{ width: 120px; height: 161px; top: -20px; } .disc-label{ font-size: 16.31px; margin-bottom: 6px; } .percentage{ font-size: 38.73px; } .off-label{ font-size: 28.54px; margin-top: 4px; } .banner-button{ font-size: 14px; padding: 10px 22px; } .banner-col2{ width: 90% !important; margin-left: auto; margin-right: 0; } } } @media (min-width:767px) { .break-word{ display: block; } .banner-text.mobile{ display: none; } } @media (min-width: 768px) and (max-width:991px) { .banner-button.tab{ display: block; width: 100%; border-radius: 0px 0px 12px 12px; } .banner-button.tab:hover{ opacity: .8; } } @media (max-width:767px) { .banner-title { font-size: 36px; line-height: 42px; } .minimized .banner-title { font-size: 26px; line-height: 27px; } .banner-col3{align-items:normal} .banner-offer{ border-radius:0px; } .additional-nav .banner-maincol{ text-align: center !important; } .additional-nav .container{ width: 100%; max-width: unset; } .banner-maincol{ padding: 12px 20px; margin:auto; } .banner-col3{ padding: 0 0 0; } .banner-countdown{ min-width:300px; justify-content:center; } .minimized{ .discount-badge { width: 80px; height: 90px; top: -5px; } .disc-label{ font-size: 9px; margin-bottom: 4px; } .percentage{ font-size: 21px; } .off-label{ font-size: 16px; margin-top: 3px; } .banner-text{ margin-bottom: 0; } .banner-title{ margin-bottom: 10px; } .banner-button{ font-size: 12px; padding: 8px 18px; } .fa-arrow-right{ width: 12px; height: 14px; } } .banner-content{width: 100%;} } @media (min-width: 1400px) and (max-width:1560px) { /* .banner-offer .container{padding:0 0} */ } @media (max-width: 577px) { body{padding-top:150px} /* FOR BLOG */ body.page-template-defaultbody.wp-singularbody.post-template-default{padding-top: 190px;} .banner-full{display:none} .banner-emblem{ display: none; } .banner-maincol{gap:0px;text-align:center} .banner-countdown{ justify-content:center; flex-direction:row; width:100%; } .banner-col3{ flex-direction:column } .banner-button{ justify-content: center; } .additional-nav .banner-maincol { padding: 0; margin-bottom: 0; } .banner-content{width: 90%;} .minimized{ padding-top: 10px; padding-bottom: 14px; .discount-badge{ height: 95px; } } .minimized .banner-title{ margin-top: 0; } .banner-text{display: none;} .banner-text.mobile{ display: none; } .text-gold{ font-size: 20px; } .so-d-sm-none{display: none !important;} } @media (max-width: 424px) { .banner-text{ font-size: 12px !important; } .text-gold{ font-size: 16px !important; } .minimized{ .discount-badge { width: 70px; height: 80px; top: -5px; } .disc-label{ font-size: 9px; margin-bottom: 4px; } .percentage{ font-size: 18px; } .off-label{ font-size: 14px; margin-top: 3px; } } } @media (max-width: 325px) { .discount-badge{ display: none; } .banner-text{ font-size: 11px !important; } .text-gold{ font-size: 14px !important; } .minimized{ .banner-title{ margin-top: 0; } } } /* body{padding-top:70px} */
<> .morph-blob { position: relative; z-index: 2; top: -2px; } .morph-blob::before { content: ""; position: absolute; transform: translate(-50%-50%); top: 50%; left: 50%; width: 70%; height: 40%; transform: translate(-50%-50%); background: linear-gradient(91.12deg#002F5D 21.7%#2286FF 64.83%#EE4345 99.04%); filter: blur(5px); z-index: -1; border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%; animation: blobMorph 5s infinite linear; pointer-events: none; border-radius: 20px; } #star-dot{ width: 13px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(11.5px-9px); } @keyframes blobMorph { /* 0% (Start: Top Left) */ 0% { border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%; transform: translate(-65%-70%) scale(1); } /* 20% (Mid-point: Top) */ 20% { border-radius: 50% 50% 45% 55% / 60% 40% 50% 50%; transform: translate(-50%-75%) scale(1.1); } /* 40% (Far Right) */ 40% { border-radius: 60% 40% 50% 50% / 55% 45% 35% 65%; transform: translate(-30%-50%) scale(1.2); } /* 60% (Mid-point: Bottom) */ 60% { border-radius: 45% 55% 55% 45% / 50% 50% 60% 40%; transform: translate(-50%-25%) scale(1.1); } /* 80% (Far Left) */ 80% { border-radius: 45% 55% 35% 65% / 60% 40% 55% 45%; transform: translate(-70%-50%) scale(1.25); } /* 100% (End/Loop: Back to Top Left) */ 100% { border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%; transform: translate(-65%-70%) scale(1); } } .tdc-row.td-stretch-content.tdc-row-composer.td-stretch-content{ /* padding:0px !important */ } .so-navbar{ position: fixed; top: 0; right: 0; left: 0; z-index: 1030; flex-wrap: nowrap; justify-content: flex-start; background: #0A1D39; display: flex; align-items: center; padding: 12px 10px; font-family: 'Lexend-Deca'; text-decoration: none; p{margin-bottom:0px !important} img{margin-bottom:0px !important} ul li{margin-left:0px !important; margin-bottom:0px !important} .so-nav-brand img{width:202px; height:30px} } .so-navbar.--scroll{ box-shadow: 0px 1.759px 3.518px 1.319px rgba(0000.05)0px 0.44px 2px 0px rgba(0000.10); } a.so-nav-brand { height: 30px; } .tdc-row.td-stretch-content .so-navbar.tdc-row-composer.td-stretch-content .so-navbar{position:unset !important} .so-container{ max-width: 1320px; margin-left: auto; margin-right: auto; width: 100%; } .so-navbar>.so-container{ display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; padding: 0 12px; } .so-navbar-collapse{ display: flex; justify-content: end; background-color: #0A1D39; } .so-navbar-nav{ display: flex; align-items: center; justify-content: space-between; list-: none; padding-left: 0; flex-direction: row; margin-top: 0; margin-bottom: 0 !important; margin-right: 20px; gap: 16px; } .so-nav-item{ margin-left: 20px; position: relative; } a.so-nav-link{ color: #FFF; text-decoration: none; font-family: 'Lexend Deca'; padding: 8px; display: block; font-size: 16px; font-weight: 400; } .so-nav-link.so-dropdown-toggle{ display: flex; gap: 8px; align-items: center; } .so-nav-link.so-dropdown-toggle::after{ display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .so-btn-main{ background-color: #ff4b5c; box-shadow: 0px 11.056px 18.427px 0px rgba(18130300.40); font-family: 'Lexend Deca'; border-radius: 25px; font-size: 16px; padding: 10px 16px 10px 16px; font-weight: 500; text-decoration: none; color: #FFF; margin-bottom: 0; display: inline-block; } .so-dropdown-item{ font-family: Lexend; font-size: 14px; text-decoration: none; width: 100%; white-space: nowrap; color: #4A4A4A; font-weight: 500; display: flex; align-items: center; gap: 16px; padding: 12px 24px; font-family: 'Lexend'; } .so-dropdown-item.lang img{ border-radius: 3px; border: .3px solid #DCDCDC; } .so-dropdown-menu { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); background: #FFF; list-: none; padding: 14px 0; border-radius: 12px; display: none; min-width: 160px; width: auto; border: .3px solid #DCDCDC; font-family: 'Lexend'; } .so-dropdown-menu.so-megamenu{ transform: translateX(-50%); left: 50%; width: 1200px; padding: 14px 0 0 0; /* max-width: 100%; */ } @media (min-width:1200px) and (max-width:1400px) { .so-dropdown-menu.so-megamenu#prod-megamenu{ transform: translateX(-40%); &::before{ left: 40%; } } } .so-dropdown-menu li{ position: relative; cursor: pointer; } .so-dropdown-menu li:hover{ background-color: #E8F5FD; } .so-dropdown-menu::before{ content: ' '; position: absolute; width: 30px; height: 30px; left: 50%; top: -15px; transform: translateX(-50%); background-color: #FFF; clip-path: path("M10.7952 2.11746C12.3964 0.0374315 15.5333 0.03743 17.1345 2.11746L26.3279 14.06C28.3526 16.6903 26.4776 20.5 23.1582 20.5H4.77146C1.45211 20.5 -0.422956 16.6903 1.60183 14.06L10.7952 2.11746Z"); } .so-dropdown.active .so-dropdown-menu { display: block !important; } .so-dropdown.active .so-nav-link.so-dropdown-toggle::after{ transform: rotate(-90deg); } .so-row{ display: flex; flex-wrap: wrap; } .so-my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .so-justify-content-center{ justify-content: center; } .so-align-items-center{ align-items: center; } .so-list-group{ display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .so-list-group-item{ display: block; padding: 10px 16px; transition: all .3s ease; text-decoration:none; } .so-list-group-item .so-col-2.so-list-group-item .so-col-10{ position: relative; } .so-col-2 { flex: 0 0 auto; width: 16.66666667%; } .so-col-10 { flex: 0 0 auto; width: 83.33333333%; } .so-menu-title{ font-weight: 500 !important; color: #252525; font-size: 14px; margin-bottom: 0; text-decoration: none; margin-bottom: 4px; font-family: 'Lexend'; } .so-menu-desc{ color: #818181; font-size: 12px; font-weight: 300; margin-bottom: 0; text-decoration: none; font-family: 'Lexend'; } .so-nav-blue.so-nav-color { position: absolute; top: 50%; transform: translateY(-50%); transition: opacity .1s ease; max-width: 30px; } .so-nav-color{ opacity: 0; } .so-list-group-item:hover{ background-color: #f4f7fe; } .so-list-group-item:hover .so-nav-color{ opacity: 1; } .so-list-group-item:hover .so-nav-blue{ opacity: 0; } .so-list-group-item img { width: 24px; height: 24px; } .so-navbottom { background: #E6EAEF; border-radius: 0 0 12px 12px; } .so-py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .so-mt-4 { margin-top: 1.5rem !important; } .so-mt-2 { margin-top: .5rem !important; } .so-menu-title.big { text-transform: uppercase; font-size: 18px; color: #818181; font-weight: 500; } .so-navbottom .so-col-md-6 { padding: 0; border-radius: 0.25rem; } .so-navbar-nav .so-dropdown .so-content.active{ animation: fadeIn 0.5s ease forwards; } .so-text-warning{ color: #FF8A14; } /* Mobile Menu Button */ .so-menu-toggle { display: none; flex-direction: column; cursor: pointer; } .so-menu-toggle div { width: 25px; height: 3px; background: white; margin: 3px; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .so-nav-item .so-content.active { display: flex; } .so-d-flex{display: flex;} .so-w-100{width: 100%;} .so-d-none{display: none;} .so-separator-line{ width: 95%; margin: 12px auto; border: 1px solid #DCDCDC; } @media (max-width:1199px) { .so-menu-toggle { display: flex; } .morph-blob::before{ display: none; } #star-dot{ display: none; } .so-navbar-nav { flex-direction: column; gap: 0; margin-right:0; } .so-navbar-collapse{ display: none; width: 100%; position: absolute; padding: 12px 12px 20px 12px; top: 50px; left: 0; } .so-navbar-collapse li{ margin: 12px 0; } .so-dropdown-menu.so-megamenu .so-container{ padding: 0; } .so-dropdown-menu.so-megamenu.solution .so-container{ padding: 14px 0; } .so-navbottom{ padding: 12px; } .so-navbottom .so-col-12{ padding: 12px 0; } .so-navbottom-bottom{ width: 100%; } .so-navbar-collapse.show{ flex-basis: 100%; flex-grow: 1; } .so-navbar-collapse .so-btn-main{ margin-top: 12px; width: 100%; text-align: center; } .so-navbar-nav{ display: block; } .so-dropdown-menu{ position: static; width: 100%; top: 20px; transform: unset; } .so-dropdown-menu.so-so-megamenu{ transform: unset; width: 100%; } .so-dropdown-menu::before{ left: 10%; display: none; } .so-dropdown.active .so-dropdown-menu.so-dropdown-menu.so-megamenu#prod-megamenu{ width: 100%; transform: unset; } .so-container{ padding: 12px 12px; } .so-dropdown-menu li{ margin: 0; } } @media (max-width: 767px) { .so-col-12 { flex: 0 0 auto; width: 100%; padding-left: 12px; padding-right: 12px; } .so-navbar .so-nav-brand img{ height: 20px; width: auto; margin-top:5px; } } @media (min-width: 768px) { .so-col-md-6 { flex: 0 0 auto; width: 50%; padding-left: 12px; padding-right: 12px; } .so-col-md-12{ flex: 0 0 auto; width: 100%; padding-left: 12px; padding-right: 12px; } } @media (min-width: 992px) { .so-col-lg-3 { flex: 0 0 auto; width: 25%; padding-left: 12px; padding-right: 12px; } .so-px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .so-col-lg-6 { flex: 0 0 auto; width: 50%; } .so-mb-lg-0 { margin-bottom: 0 !important; } .so-col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .so-my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .so-d-lg-block { display: block !important; } .so-col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .so-d-lg-none{ display: none !important; } } @media (max-width:991px) { .so-navbar-collapse{ max-height: calc(100vh - 50px); overflow-y: auto; /* Enable scrolling */ } .so-content{ display: block; } .so-navbar-nav .so-dropdown .so-content.active{ animation: none; } } @media (min-width: 1200px) { .so-col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .so-col-xl-6 { flex: 0 0 auto; width: 50%; } } @media (max-width:1400px) { .so-dropdown-menu.so-megamenu{ width: 1100px; } }
< scoped="">.tdi_9{min-height:0}.tdi_9>.td-element-:after{content:''!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;z-index:0!important;display:block!important;background-color:#ffffff!important}.td-header-mobile-sticky-wrap.td-header-active{opacity:1}.td-header-mobile-sticky-wrap{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}@media (max-width:767px){.tdi_9:before{content:'';display:block;width:100vw;height:100%;position:absolute;left:50%;transform:translateX(-50%);box-shadow:0px 2px 10px 0px rgba(0,0,0,0.09);z-index:20;pointer-events:none}.td-header-mobile-sticky-wrap{transform:translateY(-120%);-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%)}.td-header-mobile-sticky-wrap.td-header-active{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}@media (max-width:767px){.tdi_9:before{width:100%}}}
< scoped="">.tdi_11,.tdi_11 .tdc-columns{min-height:0}.tdi_11,.tdi_11 .tdc-columns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.tdi_11 .tdc-columns{width:100%}.tdi_11:before,.tdi_11:after{display:none}#tdi_10{max-width:100%!important;flex-grow:1}@media (min-width:768px){.tdi_11{margin-left:-20px;margin-right:-20px}.tdi_11 .tdc-row-video-background-error,.tdi_11>.vc_column,.tdi_11>.tdc-columns>.vc_column{padding-left:20px;padding-right:20px}}@media (min-width:1019px) and (max-width:1140px){@media (min-width:768px){.tdi_11{margin-left:-15px;margin-right:-15px}.tdi_11 .tdc-row-video-background-error,.tdi_11>.vc_column,.tdi_11>.tdc-columns>.vc_column{padding-left:15px;padding-right:15px}}}@media (min-width:768px) and (max-width:1018px){@media (min-width:768px){.tdi_11{margin-left:-10px;margin-right:-10px}.tdi_11 .tdc-row-video-background-error,.tdi_11>.vc_column,.tdi_11>.tdc-columns>.vc_column{padding-left:10px;padding-right:10px}}}.tdi_11{padding-right:0px!important;padding-left:0px!important;position:relative}.tdi_11 .td_block_wrap{text-align:left}
<>.tdi_10_rand_{background-color:#002141!important}
< scoped="">.tdi_13{vertical-align:baseline;flex-grow:1}.tdi_13>.wpb_wrapper,.tdi_13>.wpb_wrapper>.tdc-elements{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.tdi_13>.wpb_wrapper>.tdc-elements{width:100%}.tdi_13>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_13>.wpb_wrapper{width:100%;height:100%}div.tdi_13{width:100%!important}.tdi_13{margin-right:0px!important;margin-left:0px!important;padding-right:0px!important;padding-left:0px!important;border-color:rgba(255,255,255,0.2)!important;border-:solid!important;border-width:0!important}@media (min-width:768px) and (max-width:1018px){.tdi_13{width:24%!important}}
<>.tdi_14{margin-right:0px!important;margin-bottom:0px!important;margin-left:0px!important;padding-right:0px!important;padding-left:0px!important;width:100%!important}
<> .morph-blob { position: relative; z-index: 2; top: -2px; } .morph-blob::before { content: ""; position: absolute; transform: translate(-50%-50%); top: 50%; left: 50%; width: 70%; height: 40%; transform: translate(-50%-50%); background: linear-gradient(91.12deg#002F5D 21.7%#2286FF 64.83%#EE4345 99.04%); filter: blur(5px); z-index: -1; border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%; animation: blobMorph 5s infinite linear; pointer-events: none; border-radius: 20px; } #star-dot{ width: 13px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(11.5px-9px); } @keyframes blobMorph { /* 0% (Start: Top Left) */ 0% { border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%; transform: translate(-65%-70%) scale(1); } /* 20% (Mid-point: Top) */ 20% { border-radius: 50% 50% 45% 55% / 60% 40% 50% 50%; transform: translate(-50%-75%) scale(1.1); } /* 40% (Far Right) */ 40% { border-radius: 60% 40% 50% 50% / 55% 45% 35% 65%; transform: translate(-30%-50%) scale(1.2); } /* 60% (Mid-point: Bottom) */ 60% { border-radius: 45% 55% 55% 45% / 50% 50% 60% 40%; transform: translate(-50%-25%) scale(1.1); } /* 80% (Far Left) */ 80% { border-radius: 45% 55% 35% 65% / 60% 40% 55% 45%; transform: translate(-70%-50%) scale(1.25); } /* 100% (End/Loop: Back to Top Left) */ 100% { border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%; transform: translate(-65%-70%) scale(1); } } .tdc-row.td-stretch-content.tdc-row-composer.td-stretch-content{ /* padding:0px !important */ } .so-navbar{ position: fixed; top: 0; right: 0; left: 0; z-index: 1030; flex-wrap: nowrap; justify-content: flex-start; background: #0A1D39; display: flex; align-items: center; padding: 12px 10px; font-family: 'Lexend-Deca'; text-decoration: none; p{margin-bottom:0px !important} img{margin-bottom:0px !important} ul li{margin-left:0px !important; margin-bottom:0px !important} .so-nav-brand img{width:202px; height:30px} } .so-navbar.--scroll{ box-shadow: 0px 1.759px 3.518px 1.319px rgba(0000.05)0px 0.44px 2px 0px rgba(0000.10); } a.so-nav-brand { height: 30px; } .tdc-row.td-stretch-content .so-navbar.tdc-row-composer.td-stretch-content .so-navbar{position:unset !important} .so-container{ max-width: 1320px; margin-left: auto; margin-right: auto; width: 100%; } .so-navbar>.so-container{ display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; padding: 0 12px; } .so-navbar-collapse{ display: flex; justify-content: end; background-color: #0A1D39; } .so-navbar-nav{ display: flex; align-items: center; justify-content: space-between; list-: none; padding-left: 0; flex-direction: row; margin-top: 0; margin-bottom: 0 !important; margin-right: 20px; gap: 16px; } .so-nav-item{ margin-left: 20px; position: relative; } a.so-nav-link{ color: #FFF; text-decoration: none; font-family: 'Lexend Deca'; padding: 8px; display: block; font-size: 16px; font-weight: 400; } .so-nav-link.so-dropdown-toggle{ display: flex; gap: 8px; align-items: center; } .so-nav-link.so-dropdown-toggle::after{ display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .so-btn-main{ background-color: #ff4b5c; box-shadow: 0px 11.056px 18.427px 0px rgba(18130300.40); font-family: 'Lexend Deca'; border-radius: 25px; font-size: 16px; padding: 10px 16px 10px 16px; font-weight: 500; text-decoration: none; color: #FFF; margin-bottom: 0; display: inline-block; } .so-dropdown-item{ font-family: Lexend; font-size: 14px; text-decoration: none; width: 100%; white-space: nowrap; color: #4A4A4A; font-weight: 500; display: flex; align-items: center; gap: 16px; padding: 12px 24px; font-family: 'Lexend'; } .so-dropdown-item.lang img{ border-radius: 3px; border: .3px solid #DCDCDC; } .so-dropdown-menu { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); background: #FFF; list-: none; padding: 14px 0; border-radius: 12px; display: none; min-width: 160px; width: auto; border: .3px solid #DCDCDC; font-family: 'Lexend'; } .so-dropdown-menu.so-megamenu{ transform: translateX(-50%); left: 50%; width: 1200px; padding: 14px 0 0 0; /* max-width: 100%; */ } @media (min-width:1200px) and (max-width:1400px) { .so-dropdown-menu.so-megamenu#prod-megamenu{ transform: translateX(-40%); &::before{ left: 40%; } } } .so-dropdown-menu li{ position: relative; cursor: pointer; } .so-dropdown-menu li:hover{ background-color: #E8F5FD; } .so-dropdown-menu::before{ content: ' '; position: absolute; width: 30px; height: 30px; left: 50%; top: -15px; transform: translateX(-50%); background-color: #FFF; clip-path: path("M10.7952 2.11746C12.3964 0.0374315 15.5333 0.03743 17.1345 2.11746L26.3279 14.06C28.3526 16.6903 26.4776 20.5 23.1582 20.5H4.77146C1.45211 20.5 -0.422956 16.6903 1.60183 14.06L10.7952 2.11746Z"); } .so-dropdown.active .so-dropdown-menu { display: block !important; } .so-dropdown.active .so-nav-link.so-dropdown-toggle::after{ transform: rotate(-90deg); } .so-row{ display: flex; flex-wrap: wrap; } .so-my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .so-justify-content-center{ justify-content: center; } .so-align-items-center{ align-items: center; } .so-list-group{ display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .so-list-group-item{ display: block; padding: 10px 16px; transition: all .3s ease; text-decoration:none; } .so-list-group-item .so-col-2.so-list-group-item .so-col-10{ position: relative; } .so-col-2 { flex: 0 0 auto; width: 16.66666667%; } .so-col-10 { flex: 0 0 auto; width: 83.33333333%; } .so-menu-title{ font-weight: 500 !important; color: #252525; font-size: 14px; margin-bottom: 0; text-decoration: none; margin-bottom: 4px; font-family: 'Lexend'; } .so-menu-desc{ color: #818181; font-size: 12px; font-weight: 300; margin-bottom: 0; text-decoration: none; font-family: 'Lexend'; } .so-nav-blue.so-nav-color { position: absolute; top: 50%; transform: translateY(-50%); transition: opacity .1s ease; max-width: 30px; } .so-nav-color{ opacity: 0; } .so-list-group-item:hover{ background-color: #f4f7fe; } .so-list-group-item:hover .so-nav-color{ opacity: 1; } .so-list-group-item:hover .so-nav-blue{ opacity: 0; } .so-list-group-item img { width: 24px; height: 24px; } .so-navbottom { background: #E6EAEF; border-radius: 0 0 12px 12px; } .so-py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .so-mt-4 { margin-top: 1.5rem !important; } .so-mt-2 { margin-top: .5rem !important; } .so-menu-title.big { text-transform: uppercase; font-size: 18px; color: #818181; font-weight: 500; } .so-navbottom .so-col-md-6 { padding: 0; border-radius: 0.25rem; } .so-navbar-nav .so-dropdown .so-content.active{ animation: fadeIn 0.5s ease forwards; } .so-text-warning{ color: #FF8A14; } /* Mobile Menu Button */ .so-menu-toggle { display: none; flex-direction: column; cursor: pointer; } .so-menu-toggle div { width: 25px; height: 3px; background: white; margin: 3px; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .so-nav-item .so-content.active { display: flex; } .so-d-flex{display: flex;} .so-w-100{width: 100%;} .so-d-none{display: none;} .so-separator-line{ width: 95%; margin: 12px auto; border: 1px solid #DCDCDC; } @media (max-width:1199px) { .so-menu-toggle { display: flex; } .morph-blob::before{ display: none; } #star-dot{ display: none; } .so-navbar-nav { flex-direction: column; gap: 0; margin-right:0; } .so-navbar-collapse{ display: none; width: 100%; position: absolute; padding: 12px 12px 20px 12px; top: 50px; left: 0; } .so-navbar-collapse li{ margin: 12px 0; } .so-dropdown-menu.so-megamenu .so-container{ padding: 0; } .so-dropdown-menu.so-megamenu.solution .so-container{ padding: 14px 0; } .so-navbottom{ padding: 12px; } .so-navbottom .so-col-12{ padding: 12px 0; } .so-navbottom-bottom{ width: 100%; } .so-navbar-collapse.show{ flex-basis: 100%; flex-grow: 1; } .so-navbar-collapse .so-btn-main{ margin-top: 12px; width: 100%; text-align: center; } .so-navbar-nav{ display: block; } .so-dropdown-menu{ position: static; width: 100%; top: 20px; transform: unset; } .so-dropdown-menu.so-so-megamenu{ transform: unset; width: 100%; } .so-dropdown-menu::before{ left: 10%; display: none; } .so-dropdown.active .so-dropdown-menu.so-dropdown-menu.so-megamenu#prod-megamenu{ width: 100%; transform: unset; } .so-container{ padding: 12px 12px; } .so-dropdown-menu li{ margin: 0; } } @media (max-width: 767px) { .so-col-12 { flex: 0 0 auto; width: 100%; padding-left: 12px; padding-right: 12px; } .so-navbar .so-nav-brand img{ height: 20px; width: auto; margin-top:5px; } } @media (min-width: 768px) { .so-col-md-6 { flex: 0 0 auto; width: 50%; padding-left: 12px; padding-right: 12px; } .so-col-md-12{ flex: 0 0 auto; width: 100%; padding-left: 12px; padding-right: 12px; } } @media (min-width: 992px) { .so-col-lg-3 { flex: 0 0 auto; width: 25%; padding-left: 12px; padding-right: 12px; } .so-px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .so-col-lg-6 { flex: 0 0 auto; width: 50%; } .so-mb-lg-0 { margin-bottom: 0 !important; } .so-col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .so-my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .so-d-lg-block { display: block !important; } .so-col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .so-d-lg-none{ display: none !important; } } @media (max-width:991px) { .so-navbar-collapse{ max-height: calc(100vh - 50px); overflow-y: auto; /* Enable scrolling */ } .so-content{ display: block; } .so-navbar-nav .so-dropdown .so-content.active{ animation: none; } } @media (min-width: 1200px) { .so-col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .so-col-xl-6 { flex: 0 0 auto; width: 50%; } } @media (max-width:1400px) { .so-dropdown-menu.so-megamenu{ width: 1100px; } }
< scoped="">.tdi_16{min-height:0}.td-header-desktop-wrap{position:relative}
< scoped="">.tdi_18,.tdi_18 .tdc-columns{min-height:0}.tdi_18,.tdi_18 .tdc-columns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.tdi_18 .tdc-columns{width:100%}.tdi_18:before,.tdi_18:after{display:none}#tdi_17{max-width:100%!important;flex-grow:1}@media (min-width:768px){.tdi_18{margin-left:-20px;margin-right:-20px}.tdi_18 .tdc-row-video-background-error,.tdi_18>.vc_column,.tdi_18>.tdc-columns>.vc_column{padding-left:20px;padding-right:20px}}@media (min-width:1019px) and (max-width:1140px){@media (min-width:768px){.tdi_18{margin-left:-15px;margin-right:-15px}.tdi_18 .tdc-row-video-background-error,.tdi_18>.vc_column,.tdi_18>.tdc-columns>.vc_column{padding-left:15px;padding-right:15px}}}@media (min-width:768px) and (max-width:1018px){@media (min-width:768px){.tdi_18{margin-left:-10px;margin-right:-10px}.tdi_18 .tdc-row-video-background-error,.tdi_18>.vc_column,.tdi_18>.tdc-columns>.vc_column{padding-left:10px;padding-right:10px}}}.tdi_18{padding-right:0px!important;padding-left:0px!important;position:relative}.tdi_18 .td_block_wrap{text-align:left}
<>.tdi_17_rand_{background-color:#002141!important}
< scoped="">.tdi_20{vertical-align:baseline;flex-grow:1}.tdi_20>.wpb_wrapper,.tdi_20>.wpb_wrapper>.tdc-elements{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.tdi_20>.wpb_wrapper>.tdc-elements{width:100%}.tdi_20>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_20>.wpb_wrapper{width:100%;height:100%}div.tdi_20{width:100%!important}.tdi_20{margin-right:0px!important;margin-left:0px!important;padding-right:0px!important;padding-left:0px!important;border-color:rgba(255,255,255,0.2)!important;border-:solid!important;border-width:0!important}@media (min-width:768px) and (max-width:1018px){.tdi_20{width:24%!important}}
< scoped="">.tdi_23{min-height:0}.tdi_23>.td-element-:after{content:''!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;z-index:0!important;display:block!important;background-color:#ffffff!important}.tdi_23:before{content:'';display:block;width:100vw;height:100%;position:absolute;left:50%;transform:translateX(-50%);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.12);z-index:20;pointer-events:none}.td-header-desktop-sticky-wrap.td-header-active{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.td-header-desktop-sticky-wrap{transform:translateY(-120%);-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}@media (max-width:767px){.tdi_23:before{width:100%}}
< scoped="">.tdi_25,.tdi_25 .tdc-columns{min-height:0}.tdi_25,.tdi_25 .tdc-columns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.tdi_25 .tdc-columns{width:100%}.tdi_25:before,.tdi_25:after{display:none}#tdi_24{max-width:100%!important;flex-grow:1}@media (min-width:768px){.tdi_25{margin-left:-20px;margin-right:-20px}.tdi_25 .tdc-row-video-background-error,.tdi_25>.vc_column,.tdi_25>.tdc-columns>.vc_column{padding-left:20px;padding-right:20px}}@media (min-width:1019px) and (max-width:1140px){@media (min-width:768px){.tdi_25{margin-left:-15px;margin-right:-15px}.tdi_25 .tdc-row-video-background-error,.tdi_25>.vc_column,.tdi_25>.tdc-columns>.vc_column{padding-left:15px;padding-right:15px}}}@media (min-width:768px) and (max-width:1018px){@media (min-width:768px){.tdi_25{margin-left:-10px;margin-right:-10px}.tdi_25 .tdc-row-video-background-error,.tdi_25>.vc_column,.tdi_25>.tdc-columns>.vc_column{padding-left:10px;padding-right:10px}}}.tdi_25{padding-right:0px!important;padding-left:0px!important;position:relative}.tdi_25 .td_block_wrap{text-align:left}
<>.tdi_24_rand_{background-color:#002141!important}
< scoped="">.tdi_27{vertical-align:baseline;flex-grow:1}.tdi_27>.wpb_wrapper,.tdi_27>.wpb_wrapper>.tdc-elements{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.tdi_27>.wpb_wrapper>.tdc-elements{width:100%}.tdi_27>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_27>.wpb_wrapper{width:100%;height:100%}div.tdi_27{width:100%!important}.tdi_27{margin-right:0px!important;margin-left:0px!important;padding-right:0px!important;padding-left:0px!important;border-color:rgba(255,255,255,0.2)!important;border-:solid!important;border-width:0!important}@media (min-width:768px) and (max-width:1018px){.tdi_27{width:24%!important}}
< scoped="">.tdi_30,.tdi_30 .tdc-columns{min-height:0}.tdi_30,.tdi_30 .tdc-columns{display:block}.tdi_30 .tdc-columns{width:100%}.tdi_30:before,.tdi_30:after{display:table}#tdi_29{max-width:100%!important}@media (min-width:1019px) and (max-width:1140px){@media (min-width:768px){.tdi_30{margin-left:-15px;margin-right:-15px}.tdi_30 .tdc-row-video-background-error,.tdi_30>.vc_column,.tdi_30>.tdc-columns>.vc_column{padding-left:15px;padding-right:15px}}}@media (min-width:768px) and (max-width:1018px){@media (min-width:768px){.tdi_30{margin-left:-10px;margin-right:-10px}.tdi_30 .tdc-row-video-background-error,.tdi_30>.vc_column,.tdi_30>.tdc-columns>.vc_column{padding-left:10px;padding-right:10px}}}
< scoped="">.tdi_32{vertical-align:baseline}.tdi_32>.wpb_wrapper,.tdi_32>.wpb_wrapper>.tdc-elements{display:block}.tdi_32>.wpb_wrapper>.tdc-elements{width:100%}.tdi_32>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_32>.wpb_wrapper{width:auto;height:auto}div.tdi_32{width:100%!important}.tdi_32{border-color:rgba(255,255,255,0.2)!important;width:20%!important;border-:solid!important;border-width:0!important}@media (min-width:768px) and (max-width:1018px){.tdi_32{width:24%!important}}
<> .tdb-autoload-wrap { position: relative; } .tdb-autoload-wrap .tdb-loader-autoload { top: auto !important; bottom: 50px !important; } .tdb-autoload-debug { display: none; width: 1068px; margin-right: auto; margin-left: auto; } @media (min-width: 1019px) and (max-width: 1018px) { .tdb-autoload-debug { width: 740px; } } @media (max-width: 767px) { .tdb-autoload-debug { display: none; width: 100%; padding-left: 20px; padding-right: 20px; } }
< scoped="">.tdi_35{min-height:0}
< scoped="">.tdi_37,.tdi_37 .tdc-columns{min-height:0}.tdi_37,.tdi_37 .tdc-columns{display:block}.tdi_37 .tdc-columns{width:100%}.tdi_37:before,.tdi_37:after{display:table}.tdi_37{margin-bottom:0px!important;justify-content:center!important;text-align:center!important}.tdi_37 .td_block_wrap{text-align:left}@media (min-width:768px) and (max-width:1018px){.tdi_37{margin-bottom:0px!important;padding-right:20px!important;padding-left:20px!important}}@media (max-width:767px){.tdi_37{margin-bottom:0px!important}}
< scoped="">.tdi_39{vertical-align:baseline}.tdi_39>.wpb_wrapper,.tdi_39>.wpb_wrapper>.tdc-elements{display:block}.tdi_39>.wpb_wrapper>.tdc-elements{width:100%}.tdi_39>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_39>.wpb_wrapper{width:auto;height:auto}
< scoped="">.tdi_41{position:absolute!important;top:0;z-index:1;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.tdi_41,.tdi_41 .tdc-inner-columns{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}.tdi_41 .tdc-inner-columns{width:100%}#tdi_40{flex-grow:1}.tdi_41{width:calc(100% + (24px * 2))!important;z-index:1!important}.tdi_41 .td_block_wrap{text-align:left}@media (min-width:1019px) and (max-width:1140px){.tdi_41{width:calc(100% + (20px * 2))!important}}@media (min-width:768px) and (max-width:1018px){.tdi_41{width:calc(100% + (14px * 2))!important}}@media (max-width:767px){.tdi_41{width:100%!important}}
< scoped="">.tdi_43{vertical-align:middle;flex-grow:1}.tdi_43 .vc_column-inner>.wpb_wrapper,.tdi_43 .vc_column-inner>.wpb_wrapper .tdc-elements{display:block}.tdi_43 .vc_column-inner>.wpb_wrapper .tdc-elements{width:100%}div.tdi_43{width:100%!important}.tdi_43{text-align:left!important}
<>.tdb_single_categories{margin:0 0 10px 0;line-height:1;font-family:var(--td_default_google_font_1,'Open Sans','Open Sans Regular',sans-serif)}.tdb_single_categories a{pointer-events:auto;font-size:10px;display:inline-block;margin:0 5px 5px 0;line-height:1;color:#fff;padding:3px 6px 4px 6px;white-space:nowrap;position:relative;vertical-align:middle}.tdb_single_categories a:hover .tdb-cat-bg{opacity:0.9}.tdb_single_categories a:hover .tdb-cat-bg:before{opacity:1}.tdb-category i:last-of-type{display:none}.tdb-cat-text{display:inline-block;vertical-align:middle;margin-right:10px}.tdb-cat-sep{font-size:14px;vertical-align:middle;position:relative}.tdb-cat-sep-svg{line-height:0}.tdb-cat-sep-svg svg{width:14px;height:auto}.tdb-cat-bg{position:absolute;background-color:#222;border:1px solid #222;width:100%;height:100%;top:0;left:0;z-index:-1}.tdb-cat-bg:before{content:'';width:100%;height:100%;left:0;top:0;position:absolute;z-index:-1;opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.tdb-cat-2 .tdb-cat-bg{background-color:rgba(34,34,34,0.85)}.tdi_44 .tdb-entry-category{padding:9px 12px 8px;margin:0 8px 8px 0;color:#17a1cd!important;font-size:14px!important;font-weight:600!important;text-transform:none!important}.tdi_44 .tdb-cat-bg{border-width:2px;background-color:rgba(255,255,255,0)!important;border-color:#17a1cd!important}.tdi_44 .tdb-cat-bg:before{background-color:rgba(255,255,255,0)}.tdi_44 .tdb-entry-category:hover{color:#6cb4cc!important}.tdi_44 .tdb-cat-bg,.tdi_44 .tdb-cat-bg:before{border-radius:56px}.tdi_44 .tdb-cat-sep{font-size:14px}.tdi_44 .tdb-cat-text{margin-right:10px}.td-theme-wrap .tdi_44{text-align:left}
<>.tdi_45{margin-bottom:15px!important;padding-right:100px!important;padding-left:0px!important}@media (min-width:768px) and (max-width:1018px){.tdi_45{margin-bottom:30px!important;padding-right:0px!important;padding-left:0px!important}}@media (max-width:767px){.tdi_45{margin-bottom:30px!important;padding-right:0px!important;padding-left:0px!important;width:auto!important}} <>.tdb_title{margin-bottom:19px}.tdb_title.tdb-content-horiz-center{text-align:center}.tdb_title.tdb-content-horiz-center .tdb-title-line{margin:0 auto}.tdb_title.tdb-content-horiz-right{text-align:right}.tdb_title.tdb-content-horiz-right .tdb-title-line{margin-left:auto;margin-right:0}.tdb-title-text{display:inline-block;position:relative;margin:0;word-wrap:break-word;font-size:30px;line-height:38px;font-weight:700}.tdb-first-letter{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;text-transform:uppercase;color:rgba(0,0,0,0.08);font-size:6em;font-weight:300;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-0.36em;z-index:-1;-webkit-text-fill-color:initial}.tdb-title-line{display:none;position:relative}.tdb-title-line:after{content:'';width:100%;position:absolute;background-color:var(--td_theme_color,#4db2ec);top:0;left:0;margin:auto}.tdb-single-title .tdb-title-text{font-size:41px;line-height:50px;font-weight:400}.tdi_45 .tdb-title-text{color:#ffffff;font-family:Lexend!important;font-size:44px!important;line-height:60px!important;font-weight:700!important;letter-spacing:-1px!important}.tdi_45 .tdb-title-line:after{height:2px;bottom:40%}.tdi_45 .tdb-title-line{height:50px}.td-theme-wrap .tdi_45{text-align:left}.tdi_45 .tdb-first-letter{left:-0.36em;right:auto}@media (min-width:768px) and (max-width:1018px){.tdi_45 .tdb-title-text{line-height:1.1!important}}@media (max-width:767px){.tdi_45 .tdb-title-text{font-size:32px!important;line-height:1.1!important}}

Saluran Distribusi: PengertianRangkaianFungsi & Contoh

< scoped="">.tdi_47{vertical-align:middle}.tdi_47 .vc_column-inner>.wpb_wrapper,.tdi_47 .vc_column-inner>.wpb_wrapper .tdc-elements{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.tdi_47 .vc_column-inner>.wpb_wrapper .tdc-elements{width:100%}.tdi_47 .vc_column-inner,.tdi_47 .vc_column-inner>.wpb_wrapper{width:100%;height:100%}div.tdi_47{width:100%!important}@media (max-width:767px){.tdi_47 .vc_column-inner>.wpb_wrapper,.tdi_47 .vc_column-inner>.wpb_wrapper .tdc-elements{flex-wrap:wrap}}
<>.tdi_48{margin-left:-10px!important;text-align:left!important} <>.tdm_block_icon.tdm_block{margin-bottom:0}.tds-icon{position:relative}.tds-icon:after{content:'';width:100%;height:100%;left:0;top:0;position:absolute;z-index:-1;opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.tds-icon svg{display:block}.tdi_48 i{font-size:14px;text-align:center;width:25.2px;height:25.2px;line-height:25.2px}.tdi_48 i,.tdi_48 .tds-icon-svg-wrap{position:relative;top:-1px} <>.tdi_49{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;background-color:rgba(221,221,221,0)}.tdi_49:before{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;color:#ffffff}.tdi_49 svg{fill:#ffffff}.tdi_49 svg *{fill:inherit}.tdi_49,.tdi_49:after{border-radius:50px}.tdi_48:hover .tdi_49,.tdi_48:hover .tdi_49:after{border-radius:50px}@media (min-width:1019px) and (max-width:1140px){}@media (min-width:768px) and (max-width:1018px){}@media (max-width:767px){}
<>.tdi_50{margin-right:10px!important} <>.tdm_block_inline_text_simplified{margin-bottom:0;vertical-align:top;transform:translateZ(0)}.tdm_block_inline_text_simplified .td-element-{z-index:-1}.tdi_50{display:block;text-align:left!important;color:#ffffff;font-family:Lexend!important;font-size:14px!important;line-height:1!important;font-weight:300!important}ScaleOcean Team
<>.tdi_52{margin-right:5px!important;margin-left:0px!important;text-align:left!important}@media (max-width:767px){.tdi_52{display:none!important}} <>.tdi_52 i{font-size:14px;text-align:center;width:25.2px;height:25.2px;line-height:25.2px}.tdi_52 i,.tdi_52 .tds-icon-svg-wrap{position:relative;top:-1px} <>.tdi_53{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;background-color:rgba(221,221,221,0)}.tdi_53:before{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;color:#ffffff}.tdi_53 svg{fill:#ffffff}.tdi_53 svg *{fill:inherit}.tdi_53,.tdi_53:after{border-radius:50px}.tdi_52:hover .tdi_53,.tdi_52:hover .tdi_53:after{border-radius:50px}@media (min-width:1019px) and (max-width:1140px){}@media (min-width:768px) and (max-width:1018px){}@media (max-width:767px){}
<>.tdi_54{margin-right:0px!important}@media (max-width:767px){.tdi_54{margin-top:5px!important;display:none!important}} <>.tdi_54{display:block;text-align:left!important;color:#ffffff;font-family:Lexend!important;font-size:14px!important;line-height:1!important}@media (min-width:1019px) and (max-width:1140px){.tdi_54{line-height:2.7!important}}Posted on
< scoped="">.tdi_58,.tdi_58 .tdc-columns{min-height:0}.tdi_58,.tdi_58 .tdc-columns{display:block}.tdi_58 .tdc-columns{width:100%}.tdi_58:before,.tdi_58:after{display:table}@media (min-width:768px) and (max-width:1018px){.tdi_58,.tdi_58 .tdc-columns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.tdi_58 .tdc-columns{width:100%}.tdi_58:before,.tdi_58:after{display:none}#tdi_57{flex-grow:1}}.tdi_58{margin-top:0px!important;padding-top:54px!important;padding-bottom:30px!important;position:relative}.tdi_58 .td_block_wrap{text-align:left}@media (max-width:767px){.tdi_58{padding-bottom:10px!important}}
<>.tdi_57_rand_{background-color:#f3f4f8!important}
< scoped="">.tdi_60{vertical-align:baseline}.tdi_60>.wpb_wrapper,.tdi_60>.wpb_wrapper>.tdc-elements{display:block}.tdi_60>.wpb_wrapper>.tdc-elements{width:100%}.tdi_60>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_60>.wpb_wrapper{width:auto;height:auto}div.tdi_60{width:75%!important}@media (max-width:767px){div.tdi_60{width:100%!important}}
< scoped="">.tdi_62{position:relative!important;top:0;transform:none;-webkit-transform:none}.tdi_62,.tdi_62 .tdc-inner-columns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.tdi_62 .tdc-inner-columns{width:100%}@media (min-width:768px) and (max-width:1018px){.tdi_62,.tdi_62 .tdc-inner-columns{flex-direction:column}}@media (max-width:767px){.tdi_62,.tdi_62 .tdc-inner-columns{flex-direction:column}}
< scoped="">.tdi_64{vertical-align:baseline}.tdi_64 .vc_column-inner>.wpb_wrapper,.tdi_64 .vc_column-inner>.wpb_wrapper .tdc-elements{display:block}.tdi_64 .vc_column-inner>.wpb_wrapper .tdc-elements{width:100%}@media (min-width:768px) and (max-width:1018px){div.tdi_64{width:100%!important}.tdi_64{flex-grow:1}}
<>.tdi_65{margin-bottom:32px!important} <>.tdb_single_toc{transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.tdb_single_toc .tdb-block-inner{padding:20px 18px;background-color:#fff}.tdb_single_toc .tdb-stoc-title{margin:0 0 15px;font-size:20px;line-height:1.3;font-weight:500}.tdb_single_toc .tdb-stoc-title #flip{cursor:pointer}.tdb_single_toc ul{list-:none;margin:0;width:100%}.tdb_single_toc ul li{display:flex;align-items:baseline;flex-wrap:wrap;font-size:14px;line-height:1.4;color:#444}.tdb_single_toc .tdb-block-inner>ul>li{margin-left:0}.tdb_single_toc a{flex:1;margin-bottom:4px;color:inherit}.tdb_single_toc a:hover,.tdb_single_toc a.tdb-toc-active{color:var(--td_theme_color,#4db2ec)}.tdb_single_toc .tdb-block-inner>ul>li:last-child a{margin-bottom:0}.tdb_single_toc #flip{font-size:15px}.tdi_65 .tdb-block-inner>ul>li{margin-left:0}.tdi_65 .tdb-block-inner{text-align:left}.tdi_65 ul li{justify-content:left}body .tdi_65 .tdb-block-inner{padding:0px;border-width:0px;border-:solid;border-color:#e3e3e5;border-radius:10px}body .tdi_65 a{margin-bottom:8px;color:#64748b}body .tdi_65 .tdb-stoc-title{color:#252525;font-family:Lexend Deca!important;font-weight:600!important}body .tdi_65 a:hover,body .tdi_65 a.tdb-toc-active{color:#1798ee}body .tdi_65 ul li{font-family:Lexend!important;font-size:16px!important;line-height:22px!important}.tdi_65 #panel{display:block}@media (min-width:1019px) and (max-width:1140px){body .tdi_65 .tdb-block-inner{border-width:0px;border-:solid;border-color:#e3e3e5}}@media (min-width:768px) and (max-width:1018px){body .tdi_65 .tdb-block-inner{border-width:0px;border-:solid;border-color:#e3e3e5}body .tdi_65 .tdb-stoc-title{font-size:25px!important;line-height:1!important}body .tdi_65 ul li{font-size:14px!important;line-height:1.2!important}body .tdi_65 #flip{font-size:0px!important}}@media (max-width:767px){body .tdi_65 .tdb-block-inner{padding:0 8px 0;border-width:0px;border-:solid;border-color:#e3e3e5}body .tdi_65 .tdb-stoc-title{font-size:18px!important}body .tdi_65 ul li{font-size:14px!important;line-height:20px!important}body .tdi_65 #flip{font-size:0px!important}}
<>.tdi_66{margin-bottom:16px!important} <>.tdi_66{display:inline-block;text-align:left!important;color:#252525;font-size:16px!important;font-weight:600!important}Share artikel ini
< scoped="">.tdi_69{vertical-align:baseline}.tdi_69 .vc_column-inner>.wpb_wrapper,.tdi_69 .vc_column-inner>.wpb_wrapper .tdc-elements{display:block}.tdi_69 .vc_column-inner>.wpb_wrapper .tdc-elements{width:100%}@media (min-width:768px) and (max-width:1018px){div.tdi_69{width:100%!important}}
<>.tdi_70{margin-top:0px!important} <>.tdb_single_content{margin-bottom:0;*zoom:1}.tdb_single_content:before,.tdb_single_content:after{display:table;content:'';line-height:0}.tdb_single_content:after{clear:both}.tdb_single_content .tdb-block-inner>*:not(.wp-block-quote):not(.alignwide):not(.alignfull.wp-block-cover.has-parallax):not(.td-a-ad){margin-left:auto;margin-right:auto}.tdb_single_content a{pointer-events:auto}.tdb_single_content .td-spot-id-top_ad .tdc-placeholder-title:before{content:'Article Top Ad'!important}.tdb_single_content .td-spot-id-inline_ad0 .tdc-placeholder-title:before{content:'Article Inline Ad 1'!important}.tdb_single_content .td-spot-id-inline_ad1 .tdc-placeholder-title:before{content:'Article Inline Ad 2'!important}.tdb_single_content .td-spot-id-inline_ad2 .tdc-placeholder-title:before{content:'Article Inline Ad 3'!important}.tdb_single_content .td-spot-id-bottom_ad .tdc-placeholder-title:before{content:'Article Bottom Ad'!important}.tdb_single_content .id_top_ad,.tdb_single_content .id_bottom_ad{clear:both;margin-bottom:21px;text-align:center}.tdb_single_content .id_top_ad img,.tdb_single_content .id_bottom_ad img{margin-bottom:0}.tdb_single_content .id_top_ad .adsbygoogle,.tdb_single_content .id_bottom_ad .adsbygoogle{position:relative}.tdb_single_content .id_ad_content-horiz-left,.tdb_single_content .id_ad_content-horiz-right,.tdb_single_content .id_ad_content-horiz-center{margin-bottom:15px}.tdb_single_content .id_ad_content-horiz-left img,.tdb_single_content .id_ad_content-horiz-right img,.tdb_single_content .id_ad_content-horiz-center img{margin-bottom:0}.tdb_single_content .id_ad_content-horiz-center{text-align:center}.tdb_single_content .id_ad_content-horiz-center img{margin-right:auto;margin-left:auto}.tdb_single_content .id_ad_content-horiz-left{float:left;margin-top:9px;margin-right:21px}.tdb_single_content .id_ad_content-horiz-right{float:right;margin-top:6px;margin-left:21px}.tdb_single_content .tdc-a-ad .tdc-placeholder-title{width:300px;height:250px}.tdb_single_content .tdc-a-ad .tdc-placeholder-title:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:auto;display:table;width:100%}.tdb_single_content .tdb-block-inner.td-fix-index{word-break:break-word}.tdi_70,.tdi_70>p,.tdi_70 .tdb-block-inner>p,.wp-block-column>p{font-size:18px!important;line-height:2!important;font-weight:300!important}.tdi_70 h2{font-family:Lexend!important;font-size:32px!important;line-height:45px!important;font-weight:300!important}.tdi_70 h3:not(.tds-locker-title){font-family:Lexend!important;font-size:28px!important;line-height:40px!important;font-weight:600!important}.tdi_70 h4{font-size:24px!important;line-height:32px!important}.tdi_70 li{font-size:18px!important;line-height:2!important}.tdi_70 li:before{margin-top:1px;line-height:36px!important}.tdi_70 .tdb-block-inner blockquote p{font-size:18px!important;line-height:1.5!important;font-:normal!important;font-weight:400!important;text-transform:none!important;letter-spacing:-1px!important;color:#444444}.tdi_70,.tdi_70 p{color:#4a4a4a}.tdi_70 h1,.tdi_70 h2,.tdi_70 h3:not(.tds-locker-title),.tdi_70 h4,.tdi_70 h5,.tdi_70 h6{color:#252525}.tdi_70 a:not(.wp-block-button__link){color:#1798ee}.tdi_70 a:not(.wp-block-button__link):hover{color:#106aa7}@media (max-width:767px){.tdb_single_content .id_ad_content-horiz-left,.tdb_single_content .id_ad_content-horiz-right,.tdb_single_content .id_ad_content-horiz-center{margin:0 auto 26px auto}}@media (max-width:767px){.tdb_single_content .id_ad_content-horiz-left{margin-right:0}}@media (max-width:767px){.tdb_single_content .id_ad_content-horiz-right{margin-left:0}}@media (max-width:767px){.tdb_single_content .td-a-ad{float:none;text-align:center}.tdb_single_content .td-a-ad img{margin-right:auto;margin-left:auto}.tdb_single_content .tdc-a-ad{float:none}}@media (min-width:768px) and (max-width:1018px){.tdi_70,.tdi_70>p,.tdi_70 .tdb-block-inner>p,.wp-block-column>p{font-size:16px!important}.tdi_70 h2{font-size:28px!important;line-height:40px!important}.tdi_70 h3:not(.tds-locker-title){font-size:24px!important;line-height:36px!important}.tdi_70 h4{font-size:20px!important;line-height:28px!important}.tdi_70 li{font-size:13px!important}.tdi_70 li:before{margin-top:1px;line-height:26px!important}.tdi_70 .tdb-block-inner blockquote p{font-size:24px!important}}@media (max-width:767px){.tdi_70,.tdi_70>p,.tdi_70 .tdb-block-inner>p,.wp-block-column>p{font-size:15px!important;line-height:1.8!important}.tdi_70 h2{font-size:24px!important;line-height:1.5!important;font-weight:600!important}.tdi_70 h3:not(.tds-locker-title){font-size:22px!important;line-height:1.5!important}.tdi_70 h4{font-size:14px!important;line-height:1.5!important}.tdi_70 li{font-size:14px!important;line-height:1.8!important}.tdi_70 li:before{margin-top:1px;line-height:25.2px!important}.tdi_70 .tdb-block-inner blockquote p{font-size:24px!important}.tdi_70 .page-nav a,.tdi_70 .page-nav span,.tdi_70 .page-nav>div{font-size:18px!important}}

Saluran distribusi yang tidak efisien sering menjadi hambatan utama bagi banyak bisnismengakibatkan keterlambatan pengirimanbiaya tinggidan ketidakpuasan pelanggan. Tanpa sistem yang terstruktur dengan baikalur barang dari produsen ke konsumen bisa terhambatmempengaruhi ketersediaan produk dan operasional secara keseluruhan.

Pemilihan metode distribusi yang tepat sangat penting untuk mengatasi tantangan inikarena hal tersebut dapat langsung mempengaruhi efisiensi operasionalbiayadan pengalaman pelanggan.

Dengan sistem distribusi yang terintegrasiproses aliran barang menjadi lebih terkelolamemfasilitasi penjualanserta menyediakan infrastruktur logistik yang dibutuhkan. Ini memastikan produk dapat didistribusikan tepat waktumenjaga kualitasdan menekan biaya pengirimansehingga bisnis dapat memenuhi ekspektasi pelanggan.

Artikel ini akan membahas pengertian saluran distribusifungsiserta contoh penerapannya. Pemahaman yang baik mengenai konsep ini menjadi kunci keberhasilan dan keberlanjutan bisniskarena operasi distribusi yang efektif mampu meningkatkan pangsa pasar dan loyalitas pelanggan. Pahami selengkapnya di sini!

starsKey Takeaways
  • Saluran distribusi adalah jaringan individu dan organisasi yang memfasilitasi perpindahan produk atau jasa dari produsen kepada konsumen akhir.
  • Fungsi saluran distribusi meliputi penyediaan informasipromosikontakpencocokan produknegosiasi transaksidan pengelolaan fisik seperti penyimpanan serta pengiriman barang.
  • Jenis jenis saluran distribusi terbagi menjadi saluran langsung tanpa perantaradan saluran tidak langsung yang melibatkan satu (1-Level)dua (2-Level)atau tiga perantara (3-Level).
  • Software distribusi ScaleOcean dapat membantu mengoptimalkan strategi pengelolaan saluran distribusi dengan perencanaan dan pelacakan real-time yang efisien.

Coba Demo Gratis

requestDemo

Pengertian Saluran Distribusi

Saluran distribusi adalah jaringan individu dan organisasi yang berperan dalam proses pengiriman produk atau layanan dari produsen hingga sampai ke konsumen akhir. Jalur ini dapat bersifat langsungmisalnya melalui penjualan di situs web produsenatau tidak langsung dengan melibatkan perantara seperti grosirpengeceratau agen.

Pemilihan proses saluran yang tepat perlu diperhatikan karena akan memengaruhi strategi pemasaran lainnyamulai dari penetapan hargapromosihingga jangkauan pasar. Keputusan ini juga menentukan efisiensi pengiriman produkketersediaan barangdan kepuasan pelanggan secara keseluruhan.

Selain mengatur aliran barangproses ini berperan dalam memfasilitasi transaksi keuanganpengelolaan pesananlayanan purna jualdan manjemen distribusi secara menyeluruh. Hal ini penting bukan hanya infrastruktur logistiktetapi juga elemen strategis dalam pengembangan bisnis dan peningkatan daya saing perusahaan.

Fungsi Saluran Distribusi

Dalam mengalirkan produk dari produsen ke konsumensaluran distribusi memiliki peran penting untuk menigkatkan jangkauan pasar sekaligus memberikan pengalaman terbaik bagi pelanggan. Dengan memastikan produk sampai ke tangan konsumen secara efisiensaluran ini mendukung kelancaran operasional.

Berikut ini beberapa fungsinya: 

1. Informasi

Fungsi yang pertama adalah mengumpulkan dan menyebarkan data pasar serta kebutuhan konsumen secara sistematis. Fungsi ini memungkinkan produsen melakukan analisis permintaanmemprediksi trendan merancang strategi penawaran yang tepat. Informasi yang akurat menjadi dasar keputusan pemasaran dan operasional yang efektif.

2. Promosi

Proses ini juga bertugas menyampaikan komunikasi produk secara persuasif kepada pasar sasaran. Fungsi promosi ini membantu memperkuat posisi merekmemaksimalkan penetrasi pasardan meningkatkan efektivitas kampanye pemasaransehingga mendukung pertumbuhan penjualan dan pengembalian investasi.

3. Kontak

Fungsi beirkutnya adalah dapat memungkinkan produsen dan perantara menjalin interaksi langsung dengan calon pembeli. Fungsi kontak ini memfasilitasi identifikasi prospeknegosiasi awaldan pembentukan jaringan penjualan yang solidsehingga memperkuat hubungan bisnis dan meningkatkan konversi transaksi.

4. Pencocokan

Distribusi menyesuaikan produk atau layanan agar sesuai dengan kebutuhan spesifik konsumen. Fungsi pencocokan ini mencakup adaptasi spesifikasikemasandan kuantitas untuk memastikan keselarasan dengan permintaan pasarmeminimalkan risiko ketidakcocokanserta meningkatkan efisiensi rantai pasok.

5. Negosiasi

Proses ini juga berperan dalam mencapai kesepakatan hargasyarat pengirimandan kondisi kontrak. Fungsi negosiasi memastikan kepentingan produsen dan perantara terpenuhimengurangi risiko perselisihandan menciptakan dasar transaksi yang transparan dan berkelanjutan dalam konteks bisnis profesional.

6. Fisik

Saluran distribusi mengelola pemindahanpenyimpanandan pengiriman produk dengan standar profesional. Fungsi fisik mencakup perencanaan transportasimanajemen pergudangandan pelacakan pengiriman untuk memastikan barang tiba tepat waktudalam kondisi optimaldan mendukung kontinuitas operasional bisnis.

Jenis-Jenis Saluran Distribusi

Jenis-Jenis Saluran Distribusi

Saluran distribusi memiliki peranan strategis dalam menghubungkan produsen dengan konsumen akhir. Pemilihan model distribusi harus disesuaikan dengan karakteristik produktarget pasardan tujuan bisnis untuk memaksimalkan efisiensikontroldan kepuasan pelanggan. 

1. Saluran Langsung

Saluran langsung adalah model distribusi di mana produsen menjual produk secara langsung kepada konsumen tanpa melibatkan pihak perantara. Saluran ini memungkinkan perusahaan untuk mengelola hargapromosidan layanan pelanggan. Tanpa adanya perantaraperusahaan dapat mengurangi biaya distribusi dan menjaga margin keuntungan yang lebih optimal.

Jenis ini juga memungkinkan respon cepat terhadap perubahan permintaan pasar. Produsen dapat menyesuaikan strategi penjualanstokdan pengiriman secara fleksibel. Selain ituinteraksi langsung dengan konsumen mendukung pengumpulan data pasar secara real-time dan meningkatkan loyalitas pelanggan.

Meski memiliki kontrol tinggisaluran langsung memerlukan investasi pada infrastruktur penjualan dan logistik. Perusahaan harus mengelola sistem pemesananpengirimandan layanan pelanggan secara mandiri agar distribusi tetap efisien dan meningkatkan kepuasan konsumen.

2. Saluran Tidak Langsung (Indirect Distribution)

Saluran tidak langsung merupakan salah satu model distribusi yang menggunakan perantara untuk menyampaikan produk dari produsen ke konsumen akhir. Dengan melibatkan pihak ketigaprodusen dapat memperluas jangkauan pasar sekaligus memanfaatkan keahlian dan jaringan lokal perantara. berikut beberapa tingkatannya:

  • 1-Level: Melibatkan satu perantarabiasanya pengecerantara produsen dan konsumen akhir. Model ini memungkinkan produsen memperluas jangkauan pasar dengan memanfaatkan jaringan dan pengetahuan lokal pengecer.
  • 2-Level: Terdapat dua perantara yakni grosir dan pengecer. Produsen menjual produknya ke grosiryang kemudian menyalurkan barang ke pengecer sebelum sampai ke konsumen akhir. Grosir bertanggung jawab atas penyimpananpengelolaan stokdan distribusi massalsehingga produsen dapat fokus pada produksi dan strategi pemasaran.
  • 3-Level: Melibatkan tiga lapisan perantaraseperti agengrosirdan pengecersebelum produk mencapai konsumen akhir. Struktur ini memungkinkan produsen menjangkau pasar yang sangat luas dan kompleksnamun menambah biaya distribusi serta lapisan kontrol.

Contoh Saluran Distribusi 

Dalam bisnis distribusipemilihan saluran distribusi yang tepat dapat menjadi kunci kesuksesan. Contohnya yang beragam memberikan gambaran tentang berbagai strategi yang dapat digunakan perusahaan untuk mencapai pasar secara efektif. Berikut ini beberapa contohnya:

1. Saluran Distribusi Online

Pertamatersedia saluran online yang menjadi salah satu strategi utama dalam bisnis modern. Hal ini melibatkan transaksi penjualan produk atau layanan secara onlinebaik melalui situs web perusahaanplatform e-commercemaupun sosial media.

Jenis ini memungkinkan fleksibilitas perusahaan dalam menjangkau pelanggan potensialmenyesuaikan strategi penjualandan meningkatkan interaksi dengan konsumen secara langsung.

2. Saluran Distribusi Khusus

Jenis ini khusus mencakup penjualan melalui outlet yang ditujukan untuk segmen pasar tertentu. Contohnyapenjualan melalui kios atau stand-alone store di pusat perbelanjaan serta toko khusus yang menawarkan produk tertentu.

Proses khusus ini memungkinkan perusahaan untuk memperoleh akses ke pasar niche dengan fokus yang lebih besarserta meningkatkan kesadaran merek dan kepuasan pelanggan di segmen pasar yang spesifik.

3. Saluran Distribusi Gabungan

Jenis ini dapat menggabungkan berbagai jenis saluran distribusi untuk mencapai tujuan bisnis tertentu. Misalnyasebuah perusahaan yang memutuskan untuk menjalankan distribusi langsung atau semi langsung melalui toko fisiksitus webserta juga menjalin kemitraan dengan retailer besar untuk mendapatkan akses ke pasar yang lebih luas.

4. Saluran Distribusi Global

Terakhirterdapat contoh saluran distribusi global yang melibatkan penyaluran barang melalui distributoragenatau fasilitas produksi di luar negeri untuk mencapai pasar global.

Proses ini juga mencakup pembukaan cabang atau kantor di berbagai negaramenjalin kemitraan dengan distributor lokalatau menggunakan layanan agen ekspor dan impor. Jenis ini juga memungkinkan perusahaan untuk memperluas jangkauan pasar secara signifikan dan mencapai pelanggan di berbagai negara dalam skala pasar global.

Faktor Penentu Saluran Distribusi

Dalam bisnis distribusipemilihan saluran distribusi merupakan keputusan strategis yang dipengaruhi oleh sejumlah faktor-faktor pendukung. Faktor yang mempengaruhi pemilihan proses ini sangat bervariasisehingga perlu dipertimbangkan secara cermat. Berikut ini beberapa faktor penentu yang perlu Anda ketahui.

1. Karakteristik Pasar

Karakteristik pasar memainkan peran kunci dalam menentukan saluran yang sesuai untuk produk. Pasar yang tersebar luas dengan geografi yang beragam memerlukan saluran yang dapat menjangkau area yang luas secara efisienseperti melalui distributor regional atau agen.

Di sisi lainpasar yang terkonsentrasi di area perkotaan dengan aksesibilitas yang baik lebih cocok untuk saluran distribusi langsung atau ritel modern. Faktor seperti kepadatan populasitingkat infrastrukturdan preferensi konsumen di wilayah tertentu juga mempengaruhi pemilihannya yang optimal untuk mencapai pasar secara efektif.

2. Karakteristik Produk

Produk menjadi salah satu faktor penentu utama dalam pemilihan yang tepat. Jenis produkkompleksitasnilaidan keunikan produk mempengaruhi pilihan saluran yang efektif. Produk yang bersifat standar dan memiliki permintaan yang tinggi mungkin lebih cocok untuk saluran distribusi langsung ke konsumen.

Di sisi lainproduk yang kompleks atau memerlukan demonstrasi atau pelayanan tambahan cocok melalui proses yang melibatkan agen atau pengecer. Selain ituproduk yang memiliki nilai tambah atau diferensiasi yang tinggi membutuhkan biaya tambahan terkait dengan saluran yang lebih kompleks.

3. Karakteristik Pelanggan

Berikutnyapreferensi dan perilaku pelanggan juga mempengaruhi pemilihan proses distribusi. Jika pelanggan cenderung mencari kenyamanan dan pengalaman berbelanja yang cepatsaluran distribusi langsung atau melalui ritel (sales distributor) akan lebih cocok.

Namunjika produk memerlukan penjelasan mendalam atau layanan purna jual yang personalmaka proses melalui agen atau distributor yang dapat menjadi pilihan yang lebih tepat. Memahami preferensi dan kebutuhan pelanggan akan membantu produsen memilih saluran distribusi yang dapat memberikan nilai tambah.

4. Biaya dan Efisiensi

Biaya dan efisiensi adalah pertimbangan penting dalam pemilihan saluran distribusi. Produsen perlu mempertimbangkan biaya distribusipenyimpanandan transportasi yang terkait dengan setiap saluran distribusi yang tersedia.

Saluran distribusi langsung mungkin memberikan kontrol yang lebih besar atas biaya operasionalnamun saluran distribusi melalui distributor atau agen dapat mengurangi biaya logistik dan pengelolaan stok.

5. Karakteristik Perusahaan

Kapasitas internal produsen termasuk kekuatan finansialskala operasidan kemampuan manajerial berpengaruh besar pada pemilihan saluran. Perusahaan dengan sumber daya besar dapat membangun jaringan distribusi sendirisementara bisnis dengan modal terbatas lebih efisien bermitra dengan grosir atau agen.

6. Perilaku Pesaing

Analisis strategi distribusi pesaing memberikan wawasan penting sebelum menentukan saluran. Mengikuti pola distribusi yang sama dapat memudahkan penetrasi pasartetapi meniru sepenuhnya berisiko menambah persaingan harga. Produsen perlu menilai kelebihan dan kelemahan jalur pesaing lalu menyesuaikannya dengan keunggulan produk dan segmentasi pasar.

7. Karakteristik Lingkungan

Kondisi ekonomi makroperaturan pemerintahserta faktor sosial dan teknologi dapat memperkuat atau membatasi pilihan distribusi. Perubahan kebijakan pajakregulasi perdagangandan situasi politik memengaruhi biaya serta kecepatan distribusi.

Selain ituoptimalisasi perkembangan teknologi logistik dan e-commerce dapat membuka peluang saluran baru yang lebih efisien dibanding metode konvensional.

Rangkaian Saluran Distribusi

Rangkaian Saluran Distribusi

Saluran distribusi adalah jalur yang mengantarkan produk dari produsen ke konsumen akhir. Proses ini menciptakan jaringan yang memastikan produk tersedia tepat waktudi lokasidan dalam kondisi yang baik. Setiap entitas dalam rantai distribusi memiliki peran penting yang memerlukan koordinasi yang efektif. Berikut adalah rangkaian saluran distribusi berikut:

1. Produsen

Produsen menjadi titik awal saluran distribusi dengan tanggung jawab produksipengendalian kualitasdan manajemen persediaan. Mereka merancang strategi pemasaran dan jalur distribusi yang sesuai pasarmemastikan ketersediaan produk tetap stabil serta mematuhi standar regulasi yang berlaku.

2. Supplier

Supplier adalah pihak yang menyediakan bahan baku dan komponen penting untuk mendukung proses produksi. Ketepatan waktu pengirimankonsistensi kualitasserta harga yang kompetitif menjadi kunci menjaga kelancaran pasokan. Kemitraan jangka panjang akan membantu menekan risiko keterlambatan distribusi.

3. Pusat Distribusi

Pusat distribusi menyimpan dan menyalurkan produk secara massal sebelum diteruskan ke pengecer. Lokasi strategis dan sistem manajemen stok real-time memungkinkan pengiriman tepat waktupengendalian persediaan yang akuratserta efisiensi biaya transportasi di seluruh jaringan logistik.

4. Retailer

Retailer menjual produk langsung ke konsumen melalui toko fisik atau platform digital. Mereka memegang peran penting dalam promosipengalaman belanjadan layanan purna jual.

Terkadangretailer menggunakan model konsinyasi adalah sistem di mana mereka menjual barang milik produsen tanpa harus membelinya terlebih dahulu.
Pemahaman tren pasar dan kebutuhan pelanggan akan menambah rasa loyalitas konsumen serta memperkuat posisi merek.

5. Konsumen Akhir

Konsumen akhir menjadi tujuan utama seluruh proses distribusi dan menentukan tingkat keberhasilan produk. Preferensi mereka terkait kualitashargadan citra merek memengaruhi strategi pemasaran. Umpan balik yang diberikan menjadi dasar pengembangan produk dan peningkatan layanan.

Strategi Kelola Saluran Distribusi

Pengelolaan saluran distribusi menuntut koordinasi yang presisi untuk menekan biayamenjaga kualitasdan mempercepat aliran produk. Berikut strategi yang dapat diterapkan oleh pelaku bisnis distribusi agar rantai pasok berjalan efisien dan mampu merespons dinamika pasar dengan cepat.

1. Optimalisasi Proses Produksi

Produsen perlu merampingkan proses produksi melalui otomatisasiperencanaan kapasitasdan kontrol kualitas ketat. Strategi ini mempersingkat siklus produksimenjaga konsistensi pasokanserta memungkinkan respons cepat terhadap fluktuasi permintaan tanpa mengorbankan kualitas dan mutu produk.

Software distribusi ScaleOcean memberikan solusi untuk mengoptimalkan strategi pengelolaan saluran distribusi Anda dengan perencanaan dan pelacakan real-time yang efisien. Dengan kemampuan untuk merampingkan alur pengiriman dan meningkatkan visibilitasScaleOcean memastikan distribusi berjalan lancarterstrukturdan responsif terhadap perubahan permintaan pasar.

Hal ini memungkinkan perusahaan untuk menjaga konsistensi pasokanmengurangi risiko keterlambatandan memberikan layanan yang lebih cepat dan berkualitastanpa mengorbankan efisiensi operasional.

2. Manajemen Inventory

Pengelolaan persediaan yang cermat mencegah kelebihan stok dan kekurangan barang. Penerapan sistem manajemen inventori berbasis data real-time membantu memantau pergerakan produkmemprediksi permintaandan mengatur pengadaan secara presisi sehingga biaya penyimpanan dan risiko stok habis dapat ditekan.

3. Efisiensi Transportasi

Pemilihan moda transportasi yang tepatperencanaan rute cerdasdan pemanfaatan teknologi pelacakan real-time meningkatkan ketepatan pengiriman dan menurunkan biaya distribusi. Konsolidasi pengiriman dan optimasi jadwal mengurangi perjalanan yang tidak perlu sekaligus meningkatkan keandalan layanan.

4. Pengelolaan Rantai Pasokan

Koordinasi erat dengan pemasokprodusendan distributor memastikan kelancaran aliran barang dari hulu ke hilir. Penerapan software supply chain management memberi visibilitas menyeluruhmemungkinkan identifikasi potensi hambatan lebih diniserta mendukung pengambilan keputusan berbasis data.

Salah satu komponen penting dalam hal ini adalah distribution requirement planning (DRP), yang membantu merencanakan kebutuhan distribusi secara lebih akuratmengoptimalkan aliran barangdan mengurangi risiko keterlambatan.

Dengan sistem iniperusahaan dapat meningkatkan efisiensi operasional dan memastikan rantai pasokan berjalan dengan lancarmengurangi biayadan meningkatkan kepuasan pelanggan.

5. Manajemen Risiko

Identifikasi dan mitigasi risiko penting untuk menjaga kontinuitas distribusi. Diversifikasi pemasok dan rutepenyusunan rencana daruratserta perlindungan asuransi logistik meminimalkan dampak gangguan pasokanbencanaatau perubahan pasarsehingga saluran distribusi tetap stabil dan andal.

ERP

Optimalkan Strategi Pengelolaan Distribusi dengan ScaleOcean

Optimalkan Strategi Pengelolaan Distribusi dengan ScaleOcean

ScaleOcean adalah software distribusi yang dirancang untuk membantu perusahaan mengelola seluruh proses operasional bisnis secara lebih efisien. Dengan kemampuan untuk mengotomatiskan pengelolaan saluran distribusisistem ini mengintegrasikan fungsi-fungsi penting seperti manajemen distribusiakuntansidan inventaris.

Software ini memantau operasional distribusimemastikan alur pengiriman terstrukturdan memaksimalkan potensi operasional dengan pelaporan real-time serta analitik mendalam untuk mengidentifikasi dan mengatasi masalah lebih awal. Anda bisa melakukan demo gratis dengan tim profesional ScaleOcean untuk mendapatkan solusi terbaik ini!

Fitur ScaleOcean Software Distribusi:

  • Pemantauan Distribusi Real-Time: Memungkinkan perusahaan untuk melacak status setiap pesanan dan pengiriman secara langsungmemastikan distribusi berjalan lancar dan tepat waktu.
  • Pengelolaan Minimum Order Quantity (MOQ): Menjamin setiap pesanan memenuhi syarat MOQmengoptimalkan efisiensi biaya dan menjaga kestabilan stok.
  • Analisis Data untuk Pengambilan Keputusan: Fitur ini membantu perusahaan menganalisis data distribusimemberikan informasi yang dibutuhkan untuk keputusan strategis yang lebih cepat dan akurat.
  • Automatisasi Pengelolaan Stok: Memudahkan pengelolaan stok secara otomatismengurangi risiko kekurangan atau kelebihan stok yang dapat mengganggu kelancaran distribusi.
  • Integrasi dengan Sistem Lain: ScaleOcean memungkinkan integrasi dengan modul ERP lainnya seperti akuntansi dan manajemen inventarismemastikan aliran data yang mulus antar bagian perusahaan.
  • Manajemen Pengiriman dan Rute: Fitur ini memungkinkan perencanaan rute pengiriman yang optimalmengurangi waktu dan biaya operasional dalam distribusi produk.

Dengan ScaleOceanperusahaan dapat mengurangi intervensi secara manual dalam proses distribusiyang pada gilirannya mengurangi potensi human error dan meningkatkan produktivitas. Sistem ini memungkinkan pengelolaan yang lebih efisienbaik dalam hal pengelolaan stokpemesananhingga pengiriman barang.

Kesimpulan

Saluran distribusi yang tepat sangat penting untuk memastikan produk dapat sampai ke konsumen dengan efisien dan tepat waktu. Pemilihan saluran yang sesuai akan mempengaruhi keberhasilan bisnis dalam memenuhi permintaan pasarmeningkatkan kepuasan pelanggandan mengoptimalkan biaya operasional.

Untuk mengoptimalkan proses iniAnda bisa menggunakan software distribusi ScaleOcean yang menyediakan solusi terintegrasi dan komprehensifsehingga perusahaan dapat mengelola saluran distribusi secara lebih efektif. Sistem ini menyediakan fitur dengan pemantauan real-timeintegrasi antar salurandan pelaporan yang akurat.

ScaleOcean membantu perusahaan memastikan produk tersedia di tempat yang tepatpada waktu yang tepatdengan biaya yang optimal. Lakukan demo gratisnya sekarang untuk dapatkan solusi terbaik ini!

FAQ:

1. Apa arti saluran distribusi?

Saluran distribusi adalah rangkaian atau perantara yang memfasilitasi pengiriman barang atau jasa dari produsen ke konsumen akhir. Proses ini melibatkan berbagai pihakseperti grosirdistributorpengecerdan platform e-commerceyang bekerja sama agar produk sampai kepada pelanggan dengan tepat waktu dan efisien.

2. Apa saja jenis saluran distribusi?

Saluran distribusi terbagi menjadi tiga jenisyakni langsungtidak langsungdan hibrida. Saluran langsung memungkinkan produsen menjual langsung ke konsumensedangkan saluran tidak langsung melibatkan perantara seperti pengecer atau grosir. Saluran hibrida menggabungkan keduanya untuk menjangkau pelanggan melalui berbagai saluran.

3. Bagaimana cara memilih saluran distribusi yang tepat?

Untuk memilih saluran distribusi yang optimalpertimbangkan beberapa faktor seperti jenis produk (termasuk daya tahan dan nilai produk)segmen pasar yang dituju (termasuk lokasi dan karakteristik konsumen)kemampuan serta sumber daya perusahaan (baik dari segi kapasitas maupun biaya)dan karakteristik perantara (termasuk layanan yang diberikan dan volume penjualannya). Pilihlah saluran distribusi yang dapat mengoptimalkan biaya sambil tetap mendukung pencapaian tujuan penjualan secara efektif.

< scoped="">.tdi_72{vertical-align:baseline}.tdi_72>.wpb_wrapper,.tdi_72>.wpb_wrapper>.tdc-elements{display:block}.tdi_72>.wpb_wrapper>.tdc-elements{width:100%}.tdi_72>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_72>.wpb_wrapper{width:auto;height:auto}div.tdi_72{width:25%!important}@media (min-width:768px) and (max-width:1018px){.tdi_72{flex-grow:1}}@media (max-width:767px){div.tdi_72{width:100%!important}}.tdi_72{margin-bottom:100px!important;padding-bottom:100px!important}@media (max-width:767px){.tdi_72{margin-top:20px!important;margin-bottom:0px!important;padding-bottom:0px!important}}
< scoped="">.tdi_74{position:relative!important;top:0;transform:none;-webkit-transform:none}.tdi_74,.tdi_74 .tdc-inner-columns{display:block}.tdi_74 .tdc-inner-columns{width:100%}
< scoped="">.tdi_76{vertical-align:baseline}.tdi_76 .vc_column-inner>.wpb_wrapper,.tdi_76 .vc_column-inner>.wpb_wrapper .tdc-elements{display:block}.tdi_76 .vc_column-inner>.wpb_wrapper .tdc-elements{width:100%}@media (min-width:768px) and (max-width:1018px){.tdi_76 .vc_column-inner>.wpb_wrapper,.tdi_76 .vc_column-inner>.wpb_wrapper .tdc-elements{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.tdi_76 .vc_column-inner>.wpb_wrapper .tdc-elements{width:100%}.tdi_76 .vc_column-inner,.tdi_76 .vc_column-inner>.wpb_wrapper{width:100%;height:100%}div.tdi_76{width:100%!important}.tdi_76{flex-grow:1}}
<>.tdi_77{margin-bottom:32px!important}@media (max-width:767px){.tdi_77{justify-content:center!important;text-align:center!important}} <>.tdm_block.tdm_block_inline_image{position:relative;margin-bottom:0;line-height:0;overflow:hidden}.tdm_block.tdm_block_inline_image .tdm-inline-image-wrap{position:relative;display:inline-block}.tdm_block.tdm_block_inline_image .td-image-video-modal{cursor:pointer}.tdm_block.tdm_block_inline_image .tdm-caption{width:100%;font-family:Verdana,BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;padding-top:6px;padding-bottom:6px;font-size:12px;font-:italic;font-weight:normal;line-height:17px;color:#444}.tdm_block.tdm_block_inline_image.tdm-caption-over-image .tdm-caption{position:absolute;left:0;bottom:0;margin-top:0;padding-left:10px;padding-right:10px;width:100%;background:rgba(0,0,0,0.7);color:#fff}.tdi_77 .tdm-inline-image-wrap:hover:before{opacity:0}.tdi_77 .tdm-image{border-color:#eaeaea}@media (max-width:767px){.tdi_77{width:100%}}
<>.tdi_78{margin-top:0px!important;padding-top:0px!important;padding-bottom:100px!important}@media (max-width:767px){.tdi_78{padding-bottom:0px!important}}

Jadwalkan Demo Gratis

Error message
Error message
Error message
Error message
Error message
Error message

<> .title-sideform { font-size: 32px; text-align: center; line-height: 1; font-weight: 600; color: #002F5D; margin-top: 4px; margin-bottom: 24px; letter-spacing: 0.16px; padding-left: 1px; padding-right: 1px; } .lead-form-page{ padding:20px; background-color:#F6F9FF; border:1px solid #E6EAEF; border-radius:8px; box-shadow: 0px 4px 16px 0px rgba(5158810.05); & .form-group { display: flex; /* gap: 1rem; */ flex-direction:column; } & .form-group > div { flex: 1; display: flex; flex-direction: column; } & label { color: #2B5279; margin-bottom: 0.5rem; font-size:14px; font-weight: 300; font-family: 'Lexend Deca'; span{ color:#EE4345; } } & input& select& textarea { margin-bottom: 10px; border: 1px solid #E6EAEF; border-radius: 5px; font-size: 14px; width: 100%; height: 40px; font-weight: 400; } & textarea { resize: none; /* height: 100px; */ } ::placeholderselect { color: #C3C3C3; opacity: 1; /* Firefox */ background-color:#fff; font-size:14px; font-weight: 300; } select{ padding-left: 6px; } & .btn-form-submit { background-color: #ee4345; color: #fff; border: none; padding: 9px 20px; border-radius: 30px; font-size: 15px; font-weight: 500; cursor: pointer; text-align: center; width:100%; font-family: 'Lexend Deca'; &:hover{ background-color: #e63a30; } } } /* validation */ .form-control{ position: relative; padding-bottom: 10px; /* margin-bottom: 6px; */ } .form-control small { color: #e74c3c; position: absolute; bottom: 0; left: 0; visibility: hidden; font-family: 'Lexend Deca'; font-size: 12px; } .form-control.error small { visibility: visible; } .form-control.error input.form-control.error select { border-color: #e74c3c; } .form-control:last-of-type{ margin-bottom: 0; } .alert-msg{margin-bottom: 6px;} .iti{margin-bottom: 10px;} @media (min-width:992px) and (max-width:1200px) { .contact-form { .form-group { display: block; } } } @media (max-width:767px) { .contact-form { .form-group { display: block; } } }
< scoped="">.tdi_80,.tdi_80 .tdc-columns{min-height:0}.tdi_80,.tdi_80 .tdc-columns{display:block}.tdi_80 .tdc-columns{width:100%}.tdi_80:before,.tdi_80:after{display:table}.tdi_80{padding-top:10px!important;padding-bottom:60px!important;position:relative}.tdi_80 .td_block_wrap{text-align:left}@media (min-width:768px) and (max-width:1018px){.tdi_80{margin-right:10px!important;margin-left:10px!important;padding-bottom:20px!important}}@media (max-width:767px){.tdi_80{margin-right:0px!important;margin-left:0px!important}}
<>.tdi_79_rand_{background-color:#f3f4f8!important}
< scoped="">.tdi_82{vertical-align:baseline}.tdi_82>.wpb_wrapper,.tdi_82>.wpb_wrapper>.tdc-elements{display:block}.tdi_82>.wpb_wrapper>.tdc-elements{width:100%}.tdi_82>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_82>.wpb_wrapper{width:auto;height:auto}
<>.tdi_83{margin-bottom:12px!important;justify-content:center!important;text-align:center!important} <>.tdm_block_column_title_simplified_2{display:flex;flex-direction:column;margin:0;transform:translateZ(0);font-size:28px;line-height:1.3;font-weight:400;color:#111}.tdm_block_column_title_simplified_2>.td-element-{z-index:-1}.tdm_block_column_title_simplified_2 .tdm-title-s-text{text-align:left}.tdi_83 .tdm-title-s-text,.tdi_83 .tdm-title-s-subtitle{text-align:center}.tdi_83{color:#002f5d;font-family:Lexend Deca!important;font-size:40px!important;line-height:52px!important;font-weight:600!important}.tdi_83:hover{color:#002f5d;cursor:auto;-webkit-text-fill-color:unset;background:transparent;transition:none}.tdi_83:after{margin-left:auto;margin-right:auto}@media (min-width:768px) and (max-width:1018px){.tdi_83{font-size:32px!important;line-height:1.3!important}}@media (max-width:767px){.tdi_83{font-size:32px!important;line-height:1.3!important}}Rekomendasi Artikel Terkait
<>.tdi_84{color:#96aabd}@media (min-width:768px) and (max-width:1018px){.tdi_84 h4{font-size:16px!important}}

Temukan Artikel Serupa untuk Solusi Bisnis Lebih Lengkap

< scoped="">.tdi_87,.tdi_87 .tdc-columns{min-height:0}.tdi_87,.tdi_87 .tdc-columns{display:block}.tdi_87 .tdc-columns{width:100%}.tdi_87:before,.tdi_87:after{display:table}.tdi_87{padding-right:18%!important;padding-left:18%!important;position:relative}.tdi_87 .td_block_wrap{text-align:left}@media (max-width:767px){.tdi_87{padding-right:0px!important;padding-left:0px!important}}
<>.tdi_86_rand_{background-color:#f9f9fc!important}
< scoped="">.tdi_89{vertical-align:baseline}.tdi_89>.wpb_wrapper,.tdi_89>.wpb_wrapper>.tdc-elements{display:block}.tdi_89>.wpb_wrapper>.tdc-elements{width:100%}.tdi_89>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_89>.wpb_wrapper{width:auto;height:auto}
<>.tdc-footer-template .td-main-content-wrap{padding-bottom:0}
< class="wpcode-css-snippet">/* Container for the image and overlay */ .img-hover-container { position: relative; /* Crucial for positioning the overlay */ display: inline-block; /* Allows the container to wrap the image */ max-width: 100%; overflow: hidden; /* Ensures the image doesn't bleed out */ } /* Style for the actual image */ .img-hover-container .hover-image { display: block; width: 100%; /* Make the image responsive within the container */ height: auto; margin-bottom:0; transition: filter 0.3s ease; /* Smooth transition for the darkening effect */ } /* The overlay area that holds the button */ .img-hover-container .hover-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; /* Starts hidden */ transition: opacity 0.3s ease; /* Smooth transition for fade-in */ background-color: rgba(0000.4); /* Dark overlay color */ display: flex; /* For centering the button */ justify-content: center; align-items: center; } /* Hover effect: Show the overlay (and thus the button) */ .img-hover-container:hover .hover-overlay { opacity: 1; /* Fade in the overlay */ } /* Optional: Slightly darken the image itself on hover */ .img-hover-container:hover .hover-image { filter: brightness(80%); } /* Styling for the button */ .img-hover-container .hover-button { text-decoration: none; padding: 10px 20px; font-size: 16px; font-weight: bold; color: #ffffff !important; /* White text */ background-color: #0a1d39; /* Primary blue color (customize this!) */ border: 2px solid #ffffff; /* White border */ border-radius: 5px; transition: background-color 0.3s easetransform 0.3s ease; } /* Button hover effect */ .img-hover-container .hover-button:hover { background-color: #0056b3; /* Darker blue on hover */ transform: scale(1.05); /* Slight grow effect */ }
<> .whatsapp-float--new { position: fixed; bottom: 20px; right: 20px; background-color: #FFF; z-index: 1000; align-items: center; cursor: pointer; overflow: hidden; background-image: url("https://scaleocean.com/assets/images/wa/bg.webp"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 341px; height: 88px; border-radius: 12px; transition: all .4s ease; box-shadow: 0 0 0 0 rgba(372111020.90); animation: pulsing 2s infinite cubic-bezier(0.66001); } .whatsapp-float--new .wa-header-new { gap: 16px; padding: 14px 16px; background-color: #1DAA61; border-radius: 12px; height: 88px; align-items: center; transition: all .4s ease; } .whatsapp-float--new .name-container { transition: all 0.4s ease; width: 25px; } #float-name { color: #FFF; leading-trim: both; text-edge: cap; font-family: 'Lexend'; font-size: 16px; font-: normal; font-weight: 390; line-height: 20px; } #float-btm { color: #FFF; text-align: justify; leading-trim: both; text-edge: cap; font-family: 'Lexend'; font-size: 16px; font-: normal; font-weight: 500; line-height: 22.5px; /* 125% */ letter-spacing: 0.25px; margin-top: 4px; margin-bottom: 0; height: 22.5px; opacity: 1; transition: all .4s ease; } .status-on { border-radius: 100px; background: #55C680; padding: 1px 6px; justify-content: center; align-items: center; color: #FFF; text-align: justify; leading-trim: both; text-edge: cap; font-family: Lexend; font-size: 12px; font-: normal; font-weight: 400; line-height: 22.5px; /* 187.5% */ letter-spacing: 0.25px; } .whatsapp-float--new .wa-mini { width: 26px; height: auto; position: absolute; /* border-radius: 18px; */ /* border: 0.8px solid #25C661; */ /* background: rgba(2552552550.70); */ /* backdrop-filter: blur(2px); */ padding: 2.6px; bottom: 0; right: -10px; transition: all .4s ease; } .whatsapp-float--new .wa-chat { padding: 15px 16px; border-radius: 0 0 12px 12px; height: 0; } .whatsapp-float--new .wa-message p { color: #4a4a4a; font-family: "Lexend" !important; font-size: 14px; font-: normal; font-weight: 400; line-height: 20px; margin-bottom: 0.7rem; } .whatsapp-float--new .wa-link { display: flex; justify-content: center; align-items: center; gap: 4px; text-decoration: none; } .whatsapp-float--new .wa-link span{ font-size: 14px; font-weight: 600; font-family: "Lexend"; } .whatsapp-float--new .wa-link img { width: 14px; height: 14px; } .pulse-wa:nth-child(1) { animation-delay: 0s; } @keyframes pulsing { 100% { box-shadow: 0 0 0 20px rgba(372111020); } } .whatsapp-float--new .profpic { width: 60px; height: 64px; border-radius: 32px; transition: all .4s ease; /* max-width: unset; */ } .whatsapp-float--new .wa-link { display: flex; padding: 11px 12px; justify-content: center; align-items: center; align-self: stretch; border-radius: 8px; background: linear-gradient(90deg#1B9D59 0%#30CC6B 100%); box-shadow: 0px 4px 16px 0px rgba(2552552550.40); color: #FFF; } .whatsapp-float--new .wa-link a { color: #FFF; text-decoration: none; text-align: justify; font-family: Lexend; font-size: 14px; font-: normal; font-weight: 600; line-height: normal; letter-spacing: 0.25px; } .whatsapp-float--new.show { height: 191.1px; } .whatsapp-float--new.show .wa-header-new { border-radius: 12px 12px 0 0; height: 66px; } .whatsapp-float--new.show #float-btm { height: 0; opacity: 0; } .whatsapp-float--new.show .profpic { width: 38px; height: 38px; max-width: unset; } .whatsapp-float--new.show .wa-mini { width: 20px; height: 20px; } .whatsapp-float--new.show .wa-top { width: 100%; } .whatsapp-float--new.show .name-container { width: 100%; } .whatsapp-float--new.show #float-name { font-weight: 400; } .whatsapp-float--new.show .wa-chat { height: 126px; } .d-flex { display: flex; } .d-block { display: block; } .position-relative { position: relative; } .align-items-center{ align-items: center; } .justify-content-between{ justify-content: space-between; } .wa-cont{ width: 341px; height: 88px; position: relative; position: fixed; bottom: 20px; right: 20px; transition: height .4s ease; } @media (min-width:768px) { .whatsapp-float--new{ .wa-header-new{ position: relative; } } .closeArr{ position: absolute; z-index: -1; top: 10px; width: 60px; height: 35px; padding-bottom: 10px; background: #1DAA61; border-radius: 8px 8px 0 0; right: 0; display: flex; align-items: center; justify-content: center; transition: all .4s ease; cursor: pointer; } } @media (max-width: 767px) { .whatsapp-float--new { border-radius: 36px; padding: 0px; width: 50px; height: 50px; } .closeArr{ display: none; } .wa-cont{ width: 0; height: 0; } .whatsapp-float--new .wa-header-new { padding: 5px; height: 50px; border-radius: 20px; display: inline-block; } .whatsapp-float--new .profpic { display: none; } .whatsapp-float--new .wa-header-new img { background-color: transparent; max-width: unset; } .whatsapp-float--new .wa-header-new img { width: 40px; height: 40px; position: relative; bottom: unset; right: unset; } .whatsapp-float--new.show { width: 40px; height: 40px; } }
×

Raih Kesuksesan Bisnis dengan Software ERP ScaleOcean!

sobono

“Sebelum kami mulai menggunakan software ERPmelacak inventarispengirimandan logistik kami adalah tugas yang rumit dan memakan waktu. Sekarangsemuanya berjalan dengan efisien dan akuratmembuat pekerjaan kami jauh lebih cepat.”

Sobono Group Pte Ltd

beumer

“Custom ERP software canggih ScaleOcean membantu meningkatkan produktivitas dengan mengotomatiskan proses bisnismemantau biaya bahan dan tenaga kerja secara akurat dan real-timeserta memastikan operasional efisien.”

Beumer Group Singapore Pte Ltd

Gambar 6

“Dulumengelola ribuan kontrak itu rumit. Tapi sejak pakai ScaleOceansemuanya jadi lebih efisien dan terstruktur. Sekarangkami bisa dengan mudah melacakmengaturdan memantau setiap detail kontrak.”

Bank of China Singapore

Gambar 24

“Sejak menggunakan software ScaleOceanmelacak penjualanpelanggandan karyawan jadi jauh lebih mudah. Sistemnya user-friendlysemua terukur dengan baikdan tim supportnya selalu responsif dengan solusi yang membantu.”

Papa Mama Florist & Farm

Dipercaya oleh 1000+ Perusahaan global

Gambar 1 Gambar 2 Gambar 3 Gambar 4 Gambar 5 Gambar 6 Gambar 7 Gambar 8 Gambar 9 Gambar 10 Gambar 11 Gambar 12 Gambar 13 Gambar 14 Gambar 15 Gambar 16 Gambar 17 Gambar 18 Gambar 19 Gambar 20 Gambar 21 Gambar 22 Gambar 23 Gambar 24 Gambar 25 Gambar 26 Gambar 27 Gambar 28 Gambar 29 Gambar 30 Gambar 31 Gambar 32 Gambar 33 Gambar 34 Gambar 35
logo scaleocean

Gratis Demo untuk Bisnis Anda!

Nama lengkap wajib diisi

Nama perusahaan wajib diisi

Email tidak valid

Nomor telepon tidak valid

Harap pilih industri anda

Harap pilih industri yang dibutuhkan

Harap setujui kebijakan privasi dan syarat

Dipercaya oleh 1000+ Perusahaan Global