.breadcrumb-container {display:none;} html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}html { scroll-behavior: smooth } /* vietnamese */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/lexend/v16/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html { font-family: Lexend; font-size: 16px; } body { font-weight: 400; font-style:normal; text-decoration: none; text-transform: none; letter-spacing: normal; line-height: 1.1; color: var(--dl-color-grays-dark100); background-color: var(--dl-color-grays-white100); } :root { --dl-size-size-large: 144px; --dl-size-size-small: 48px; --dl-size-size-medium: 96px; --dl-size-size-xlarge: 192px; --dl-size-size-xsmall: 16px; --dl-space-space-unit: 16px; --dl-size-size-xxlarge: 288px; --dl-color-grays-dark80: #212121cc; --dl-color-grays-gray40: #63667066; --dl-color-grays-gray60: #0d0d0d99; --dl-size-size-maxwidth: 1158px; --dl-color-grays-dark100: #212121ff; --dl-color-grays-gray100: #636670ff; --dl-color-grays-white60: #ffffff99; --dl-color-grays-white80: #ffffffcc; --dl-radius-radius-round: 50%; --dl-color-grays-black100: #000000; --dl-color-grays-white100: #FFFFFF; --dl-space-space-halfunit: 8px; --dl-space-space-sixunits: 96px; --dl-space-space-twounits: 32px; --dl-radius-radius-radius2: 2px; --dl-radius-radius-radius4: 4px; --dl-radius-radius-radius8: 8px; --dl-space-space-fiveunits: 80px; --dl-space-space-fourunits: 64px; --dl-color-backgrounds-gray: #f7f4f2ff; --dl-space-space-threeunits: 48px; --dl-color-backgrounds-green: #2b584dff; --dl-color-backgrounds-purple: #623373ff; --dl-color-backgrounds-primary: #fa7930ff; --dl-color-backgrounds-darkblue: #364570ff; --dl-space-space-oneandhalfunits: 24px; --dl-color-backgrounds-lightgreen: #9cbec6ff; } .button { color: var(--dl-color-grays-black100); cursor: pointer; display: inline-block; outline: none; padding-top: var(--dl-space-space-unit); border-color: transparent; border-style: solid; border-width: 1px; padding-left: var(--dl-space-space-oneandhalfunits); border-radius: 32px; padding-right: var(--dl-space-space-oneandhalfunits); padding-bottom: var(--dl-space-space-unit); background-color: var(--dl-color-grays-white100); } .input { color: var(--dl-color-grays-black100); cursor: auto; outline: none; padding: 0.5rem 1rem; border-color: var(--dl-color-grays-black100); border-width: 1px; border-radius: 4px; background-color: var(--dl-color-grays-white100); } .textarea { color: var(--dl-color-grays-black100); cursor: auto; padding: 0.5rem; border-color: var(--dl-color-grays-black100); border-width: 1px; border-radius: 4px; background-color: var(--dl-color-grays-white100); } .list { width: 100%; margin: 1em 0px 1em 0px; display: block; padding: 0px 0px 0px 1.5rem; list-style-type: none; list-style-position: outside; } .list-item { display: list-item; } .teleport-show { transform: translateX(0%) !important; } .navbar-link { cursor: pointer; transition: 0.3s; font-weight: 500; } .navbar-link:hover { color: var(--dl-color-backgrounds-primary); } .button-primary { color: var(--dl-color-grays-white100); transition: 0.3s; font-weight: 500; background-color: var(--dl-color-backgrounds-primary); } .button-primary:hover { color: var(--dl-color-backgrounds-primary); border-color: var(--dl-color-backgrounds-primary); background-color: var(--dl-color-grays-white100); } .navigation-mobile-menu { top: 0px; left: 0px; width: 100%; height: 100vh; display: flex; padding: 32px; z-index: 101; position: absolute; transform: translateX(100%); transition: 0.3s; flex-direction: column; justify-content: space-between; background-color: var(--dl-color-backgrounds-gray); } .navigation-burger-menu { display: none; } .navigation-container { width: 100%; display: flex; max-width: var(--dl-size-size-maxwidth); align-items: center; padding-top: var(--dl-space-space-twounits); padding-left: var(--dl-space-space-oneandhalfunits); padding-right: var(--dl-space-space-oneandhalfunits); padding-bottom: var(--dl-space-space-twounits); justify-content: space-between; } .max-content-container { width: 100%; display: flex; position: relative; max-width: var(--dl-size-size-maxwidth); align-items: center; padding-left: var(--dl-space-space-oneandhalfunits); padding-right: var(--dl-space-space-oneandhalfunits); } .section-container { flex: 0 0 auto; width: 100%; display: flex; align-items: center; padding-top: var(--dl-space-space-fiveunits); flex-direction: column; padding-bottom: var(--dl-space-space-fiveunits); } .slide-active { display: flex !important; } .slide { flex: 1; width: 100%; display: flex; min-width: 100%; align-items: center; flex-direction: column; } .content-Light { font-size: 16px; font-style: normal; font-family: Lexend; font-weight: 300; line-height: 1.75; text-transform: none; text-decoration: none; } .content { font-size: 16px; font-family: Lexend; font-weight: 400; line-height: 1.1; text-transform: none; text-decoration: none; } .heading4 { font-size: 20px; font-style: normal; font-family: Lexend; font-weight: 500; line-height: 1.2; text-transform: none; text-decoration: none; } .heading2 { font-size: 42px; font-style: normal; font-family: Lexend; font-weight: 600; line-height: 1.3; text-transform: none; text-decoration: none; } .heading1 { font-size: 46px; font-style: normal; font-family: Lexend; font-weight: 600; line-height: 1.1; text-transform: none; text-decoration: none; } @media(max-width: 767px) { .navbar-link { margin-bottom: var(--dl-space-space-unit); } .navigation-mobile-menu { padding: var(--dl-space-space-unit); } .navigation-burger-menu { display: flex; align-items: center; justify-content: center; } .navigation-container { padding: var(--dl-space-space-unit); } .section-container { padding-top: var(--dl-space-space-twounits); padding-bottom: var(--dl-space-space-twounits); } } .navigation-links-nav { flex: 0 0 auto; display: flex; align-items: center; flex-direction: row; } .navigation-links-text1 { margin-left: var(--dl-space-space-twounits); } .navigation-links-text2 { margin-left: var(--dl-space-space-twounits); } .navigation-links-text3 { margin-left: var(--dl-space-space-twounits); } .navigation-links-text4 { margin-left: var(--dl-space-space-twounits); } @media(max-width: 767px) { .navigation-links-nav { align-items: flex-start; flex-direction: column; } .navigation-links-text1 { margin-left: 0; margin-bottom: var(--dl-space-space-unit); } .navigation-links-text2 { margin-left: 0; margin-bottom: var(--dl-space-space-unit); } .navigation-links-text3 { margin-left: 0; margin-bottom: var(--dl-space-space-unit); } .navigation-links-text4 { margin-left: 0; margin-bottom: var(--dl-space-space-unit); } } .navbar-navbar-container { top: 0; width: 100%; display: flex; align-items: center; flex-direction: column; justify-content: flex-start; } .navbar-image { width: 106px; } .navbar-nav { display: flex; } .navbar-icon { width: var(--dl-size-size-xsmall); height: var(--dl-size-size-xsmall); } .navbar-nav1 { display: flex; align-items: flex-start; flex-direction: column; } .navbar-container { width: 100%; display: flex; align-items: center; margin-bottom: var(--dl-space-space-threeunits); justify-content: space-between; } .navbar-image1 { width: 106px; } .navbar-menu-close { display: flex; align-items: center; justify-content: center; } .navbar-icon02 { width: var(--dl-size-size-xsmall); height: var(--dl-size-size-xsmall); } .navbar-primary-btn { margin-top: var(--dl-space-space-oneandhalfunits); } .navbar-social-media { flex: 0 0 auto; display: flex; align-items: flex-start; flex-direction: column; } .navbar-text { font-size: 18px; font-style: normal; font-weight: 600; margin-bottom: var(--dl-space-space-oneandhalfunits); } .navbar-container1 { flex: 0 0 auto; display: flex; align-items: flex-start; flex-direction: row; } .navbar-icon04 { width: 24px; height: 24px; transition: 0.3s; margin-right: var(--dl-space-space-twounits); } .navbar-icon04:hover { fill: var(--dl-color-backgrounds-primary); cursor: pointer; } .navbar-icon08 { width: 24px; height: 24px; transition: 0.3s; margin-right: var(--dl-space-space-twounits); } .navbar-icon08:hover { fill: var(--dl-color-backgrounds-primary); cursor: pointer; } .navbar-icon12 { width: 24px; height: 24px; transition: 0.3s; margin-right: var(--dl-space-space-twounits); } .navbar-icon12:hover { fill: var(--dl-color-backgrounds-primary); cursor: pointer; } .navbar-icon14 { width: 24px; height: 24px; transition: 0.3s; } .navbar-icon14:hover { fill: var(--dl-color-backgrounds-primary); cursor: pointer; } @media(max-width: 767px) { .navbar-nav { display: none; } .navbar-primary-btn1 { display: none; } } .feature-card-card { flex: 0 0 auto; width: 25%; display: flex; max-width: 285px; align-items: center; padding-top: var(--dl-space-space-oneandhalfunits); padding-left: var(--dl-space-space-unit); padding-right: var(--dl-space-space-unit); flex-direction: column; padding-bottom: var(--dl-space-space-oneandhalfunits); } .feature-card-image { width: 60px; height: 60px; object-fit: cover; margin-bottom: var(--dl-space-space-twounits); } .feature-card-text { text-align: center; margin-bottom: var(--dl-space-space-unit); } .feature-card-text1 { color: var(--dl-color-grays-gray100); text-align: center; margin-bottom: var(--dl-space-space-unit); } .feature-card-text2 { color: var(--dl-color-backgrounds-primary); cursor: pointer; font-style: normal; transition: 0.3s; font-weight: 600; line-height: 1.75; } .feature-card-text2:hover { text-decoration: underline; } @media(max-width: 767px) { .feature-card-card { width: 50%; } } @media(max-width: 479px) { .feature-card-card { width: 100%; } } .slide-slide { align-items: stretch; flex-direction: row; justify-content: center; background-color: var(--dl-color-backgrounds-darkblue); } .slide-max-width { align-items: stretch; flex-direction: row; justify-content: space-between; } .slide-left-side { width: 50%; display: flex; align-items: stretch; padding-right: var(--dl-space-space-fiveunits); flex-direction: row; justify-content: space-between; } .slide-decorations-container { flex: 1; display: flex; align-items: flex-end; flex-direction: column; justify-content: space-between; } .slide-dots { width: 126px; height: 126px; margin-top: 21px; object-fit: cover; margin-right: 21px; } .slide-squares-container { flex: 0 0 auto; display: flex; align-items: flex-end; flex-direction: column; } .slide-light-green { flex: 0 0 auto; width: 54px; height: 54px; display: flex; align-items: flex-start; flex-direction: column; background-color: var(--dl-color-backgrounds-lightgreen); } .slide-orange { flex: 0 0 auto; width: 108px; height: 108px; display: flex; align-items: flex-start; flex-direction: column; background-color: var(--dl-color-backgrounds-primary); } .slide-image-container { display: flex; align-items: stretch; flex-direction: column; justify-content: space-between; } .slide-image { width: 100%; height: 485px; object-fit: cover; } .slide-slider-controls { flex: 0 0 auto; width: 100%; display: flex; align-items: stretch; flex-direction: row; justify-content: flex-end; } .slide-go-left { flex: 0 0 auto; width: 100%; height: 108px; display: flex; max-width: 108px; max-height: 108px; transition: 0.3s; align-items: center; flex-direction: column; justify-content: center; } .slide-go-left:hover { cursor: pointer; background-color: rgba(229, 229, 229, 0.2); } .slide-icon { fill: var(--dl-color-grays-white100); width: 42px; height: 42px; } .slide-go-right { flex: 0 0 auto; width: 100%; height: 108px; display: flex; max-width: 108px; max-height: 108px; transition: 0.3s; align-items: center; flex-direction: column; justify-content: center; } .slide-go-right:hover { cursor: pointer; background-color: rgba(229, 229, 229, 0.2); } .slide-icon2 { fill: var(--dl-color-grays-white100); width: 42px; height: 42px; } .slide-right-side { flex: 0 0 auto; width: 50%; display: flex; align-items: flex-start; padding-top: var(--dl-space-space-twounits); flex-direction: column; padding-bottom: var(--dl-space-space-twounits); justify-content: center; } .slide-testimonial { color: var(--dl-color-grays-white100); font-size: 27px; font-style: normal; font-weight: 500; line-height: 1.5; margin-bottom: 42px; } .slide-author { color: var(--dl-color-grays-white100); font-size: 20px; font-style: normal; font-weight: 500; line-height: 1.5; } .slide-role { color: var(--dl-color-grays-white60); font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.7; letter-spacing: 1px; text-transform: uppercase; } .slide-root-class-name { background-color: var(--dl-color-backgrounds-purple); } .slide-root-class-name1 { background-color: var(--dl-color-backgrounds-green); } @media(max-width: 991px) { .slide-left-side { padding-right: var(--dl-space-space-oneandhalfunits); } } @media(max-width: 767px) { .slide-max-width { flex-direction: column; } .slide-left-side { width: 100%; padding-right: 0px; } .slide-image { max-width: 700px; } .slide-right-side { width: 100%; } } @media(max-width: 479px) { .slide-dots { width: 60px; height: 60px; } .slide-light-green { width: 36px; height: 36px; } .slide-orange { width: 75px; height: 75px; } .slide-go-left { height: 75px; max-width: 75px; max-height: 75px; } .slide-go-right { height: 75px; max-width: 75px; max-height: 75px; } } .grid-card-grid-card { flex: 0 0 auto; width: 100%; display: flex; padding: 36px; align-items: flex-start; flex-direction: column; background-color: var(--dl-color-grays-white100); } .grid-card-image { width: 60px; height: 60px; object-fit: cover; margin-bottom: var(--dl-space-space-oneandhalfunits); } .grid-card-text { font-size: 24px; font-style: normal; font-weight: 500; line-height: 1.3; margin-bottom: var(--dl-space-space-halfunit); } .copyright-copyright { flex: 0 0 auto; width: 100%; display: flex; align-items: center; padding-top: var(--dl-space-space-twounits); flex-direction: column; padding-bottom: var(--dl-space-space-twounits); } .copyright-max-width { align-items: stretch; } .copyright-text { color: var(--dl-color-grays-gray100); font-size: 14px; font-style: normal; font-weight: 300; line-height: 1.5; } .copyright-text1 { font-style: normal; font-weight: 300; } .copyright-text2 { font-style: normal; font-weight: 300; text-decoration: underline; } .copyright-text3 { font-style: normal; font-weight: 300; } .copyright-text4 { font-style: normal; font-weight: 300; text-decoration: underline; } .copyright-text5 { font-style: normal; font-weight: 300; } .copyright-text6 { font-style: normal; font-weight: 300; text-decoration: underline; } .copyright-text7 { font-style: normal; font-weight: 300; } @media(max-width: 991px) { .copyright-max-width { flex-direction: column; } } .home-container { width: 100%; display: flex; position: relative; min-height: 100vh; overflow-x: hidden; align-items: center; flex-direction: column; justify-content: flex-start; background-color: var(--dl-color-backgrounds-gray); } .home-main { flex: 0 0 auto; width: 100%; display: flex; align-items: center; flex-direction: column; } .home-max-width { align-items: stretch; } .home-content-container { flex: 1; display: flex; min-width: 50%; align-items: flex-start; padding-right: var(--dl-space-space-twounits); flex-direction: column; justify-content: center; } .home-text { width: 90%; margin-bottom: 62px; } .home-text02 { color: var(--dl-color-backgrounds-primary); font-size:30px; } .home-input-container { flex: 0 0 auto; width: 100%; display: flex; margin-bottom: var(--dl-space-space-fourunits); flex-direction: row; } .home-container1 { width: 100%; height: 56px; display: flex; max-width: 376px; align-items: center; line-height: 1.5; padding-top: var(--dl-space-space-unit); border-width: 0px; margin-right: var(--dl-space-space-halfunit); padding-left: var(--dl-space-space-oneandhalfunits); border-radius: 32px; padding-right: var(--dl-space-space-oneandhalfunits); padding-bottom: var(--dl-space-space-unit); } .home-icon { fill: var(--dl-color-grays-gray40); width: 20px; height: 20px; } .home-textinput { flex: 1; color: var(--dl-color-grays-gray40); border-width: 0px; padding-left: 12px; padding-right: 12px; } .home-button { display: flex; align-items: center; line-height: 1; padding-top: 20px; white-space: nowrap; padding-left: 32px; padding-right: 32px; padding-bottom: 20px; justify-content: center; } .home-features-container { flex: 0 0 auto; width: 100%; display: flex; align-items: flex-start; flex-direction: column; } .home-feature { flex: 0 0 auto; width: 100%; display: flex; align-items: center; margin-bottom: 20px; flex-direction: row; } .home-icon02 { fill: #62BF77; width: 17px; height: 17px; min-width: 17px; margin-right: 12px; } .home-text03 { color: var(--dl-color-grays-gray60); font-size: 16px; font-style: normal; font-weight: 400; } .home-feature1 { flex: 0 0 auto; width: 100%; display: flex; align-items: center; margin-bottom: 20px; flex-direction: row; } .home-icon04 { fill: #62BF77; width: 17px; height: 17px; min-width: 17px; margin-right: 12px; } .home-text04 { color: var(--dl-color-grays-gray60); font-size: 16px; font-style: normal; font-weight: 400; } .home-feature2 { flex: 0 0 auto; width: 100%; display: flex; align-items: center; flex-direction: row; margin-bottom:20px; } .home-icon06 { fill: #62BF77; width: 17px; height: 17px; min-width: 17px; margin-right: 12px; } .home-text05 { color: var(--dl-color-grays-gray60); font-size: 16px; font-style: normal; font-weight: 400; } .home-image-container { flex: 1; display: flex; align-items: flex-start; flex-direction: column; } .home-image { width: 100%; max-width: 589px; object-fit: cover; margin-left: 45px; } .home-section-one { border-color: rgba(33, 33, 33, 0.1); border-width: 1px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; } .home-max-width1 { flex-direction: column; } .home-text06 { text-align: center; margin-bottom: var(--dl-space-space-fourunits); } .home-text08 { color: var(--dl-color-backgrounds-primary); } .home-cards-container { flex: 0 0 auto; width: 100%; display: flex; align-items: flex-start; flex-direction: row; } .home-max-width2 { flex-direction: row; justify-content: flex-start; } .home-image-container1 { flex: 1; margin-right: var(--dl-space-space-oneandhalfunits); } .home-image1 { width: 100%; max-width: 640px; object-fit: cover; margin-left: -100px; } .home-content-container1 { flex: 1; display: flex; max-width: 446px; align-items: flex-start; flex-direction: column; justify-content: center; } .home-text12 { margin-bottom: 24px; } .home-text14 { color: var(--dl-color-backgrounds-primary); } .home-text15 { color: var(--dl-color-grays-gray100); } .home-max-width3 { flex-direction: row; justify-content: flex-start; } .home-content-container2 { flex: 1; display: flex; max-width: 446px; align-items: flex-start; flex-direction: column; justify-content: center; } .home-text18 { margin-bottom: 24px; } .home-text20 { color: var(--dl-color-backgrounds-primary); } .home-text21 { color: var(--dl-color-grays-gray100); } .home-image-container2 { flex: 1; margin-left: var(--dl-space-space-oneandhalfunits); } .home-image2 { width: 100%; object-fit: cover; margin-left: 85px; } .home-section-four { padding-bottom: 0px; } .home-max-width4 { flex-direction: column; } .home-text24 { text-align: center; margin-bottom: var(--dl-space-space-threeunits); } .home-text26 { color: var(--dl-color-backgrounds-primary); } .home-text27 { color: transparent; } .home-slider { flex: 0 0 auto; width: 100%; display: flex; transition: 0.5s; align-items: stretch; flex-direction: row; } .home-max-width5 { flex-direction: column; justify-content: center; } .home-heading-container { display: flex; align-items: center; margin-bottom: var(--dl-space-space-twounits); flex-direction: column; } .home-text28 { text-align: center; margin-bottom: var(--dl-space-space-halfunit); } .home-text31 { color: var(--dl-color-backgrounds-primary); } .home-text34 { color: var(--dl-color-grays-gray100); } .home-get-the-app { flex: 0 0 auto; display: flex; align-items: flex-start; margin-bottom: var(--dl-space-space-fourunits); flex-direction: row; } .home-image3 { width: 151px; object-fit: cover; margin-right: var(--dl-space-space-unit); } .home-image4 { width: 151px; object-fit: cover; } .home-cards-container1 { width: 100%; display: grid; grid-gap: var(--dl-space-space-twounits); grid-template-columns: 1fr 1fr; } .home-section-six { padding-top: var(--dl-space-space-threeunits); padding-bottom: 0px; background-color: var(--dl-color-backgrounds-primary); } .home-max-width6 { align-items: stretch; } .home-content-container3 { flex: 1; display: flex; min-width: 60%; align-items: flex-start; flex-direction: column; justify-content: center; } .home-text36 { margin-bottom: var(--dl-space-space-halfunit); } .home-text38 { color: var(--dl-color-grays-white100); } .home-text39 { color: var(--dl-color-grays-white80); margin-bottom: 36px; } .home-input-container1 { flex: 0 0 auto; width: 100%; display: flex; margin-bottom: var(--dl-space-space-twounits); flex-direction: row; } .home-container2 { width: 100%; height: 56px; display: flex; max-width: 376px; align-items: center; line-height: 1.5; padding-top: var(--dl-space-space-unit); border-width: 0px; margin-right: var(--dl-space-space-halfunit); padding-left: var(--dl-space-space-oneandhalfunits); border-radius: 32px; padding-right: var(--dl-space-space-oneandhalfunits); padding-bottom: var(--dl-space-space-unit); } .home-icon08 { fill: var(--dl-color-grays-gray40); width: 20px; height: 20px; } .home-textinput1 { flex: 1; color: var(--dl-color-grays-gray40); border-width: 0px; padding-left: 12px; padding-right: 12px; } .home-button1 { display: flex; transition: 0.3s; align-items: center; line-height: 1; padding-top: 20px; white-space: nowrap; padding-left: 32px; padding-right: 32px; padding-bottom: 20px; justify-content: center; background-color: var(--dl-color-grays-dark100); } .home-button1:hover { background-color: var(--dl-color-grays-white100); } .home-features-container1 { flex: 0 0 auto; width: 100%; display: flex; align-items: flex-start; flex-direction: column; } .home-feature3 { flex: 0 0 auto; width: 100%; display: flex; align-items: center; margin-bottom: 20px; flex-direction: row; } .home-icon10 { fill: var(--dl-color-grays-white100); width: 17px; height: 17px; min-width: 17px; margin-right: 12px; } .home-text40 { color: var(--dl-color-grays-white80); font-size: 14px; font-style: normal; font-weight: 400; } .home-feature4 { flex: 0 0 auto; width: 100%; display: flex; align-items: center; margin-bottom: 20px; flex-direction: row; } .home-icon12 { fill: var(--dl-color-grays-white100); width: 17px; height: 17px; min-width: 17px; margin-right: 12px; } .home-text41 { color: var(--dl-color-grays-white80); font-size: 14px; font-style: normal; font-weight: 400; } .home-feature5 { flex: 0 0 auto; width: 100%; display: flex; align-items: center; flex-direction: row; } .home-icon14 { fill: var(--dl-color-grays-white100); width: 17px; height: 17px; min-width: 17px; margin-right: 12px; } .home-text42 { color: var(--dl-color-grays-white80); font-size: 14px; font-style: normal; font-weight: 400; } .home-image-container3 { flex: 1; display: flex; align-items: flex-start; flex-direction: column; } .home-image5 { width: 100%; max-width: 589px; min-width: 550px; object-fit: contain; } @media(max-width: 991px) { .home-max-width { flex-direction: column; } .home-content-container { margin-bottom: 42px; padding-right: 0px; } .home-text { width: 100%; } .home-image { max-width: 100%; margin-left: 0px; } .home-image1 { max-width: 100%; margin-left: 0px; } .home-content-container1 { margin-bottom: 42px; padding-right: 0px; } .home-text12 { width: 100%; } .home-content-container2 { margin-bottom: 42px; padding-right: 0px; } .home-text18 { width: 100%; } .home-image2 { max-width: 100%; margin-left: 0px; } .home-max-width6 { flex-direction: column; } .home-text36 { width: 100%; } .home-image5 { max-width: 100%; } } @media(max-width: 767px) { .home-text06 { margin-bottom: var(--dl-space-space-twounits); } .home-cards-container { flex-wrap: wrap; justify-content: space-between; } .home-max-width2 { flex-direction: column; } .home-image-container1 { width: 100%; margin-right: 0px; } .home-image1 { margin-bottom: var(--dl-space-space-twounits); } .home-content-container1 { max-width: 100%; } .home-max-width3 { flex-direction: column-reverse; } .home-content-container2 { max-width: 100%; } .home-image-container2 { width: 100%; margin-right: 0px; } .home-image2 { margin-bottom: var(--dl-space-space-twounits); } .home-text24 { margin-bottom: var(--dl-space-space-twounits); } .home-text28 { margin-bottom: var(--dl-space-space-twounits); } .home-cards-container1 { grid-template-columns: 1fr; } .home-image5 { min-width: 100%; } } @media(max-width: 479px) { .home-input-container { flex-direction: column; } .home-container1 { max-width: 100%; margin-bottom: var(--dl-space-space-unit); } .home-cards-container { justify-content: center; } .home-input-container1 { flex-direction: column; } .home-container2 { max-width: 100%; margin-bottom: var(--dl-space-space-unit); } }

Transport marketplace with no monthly fee Transport jobs worth over €10 million every month

Thousands of transport jobs from all over Europe
Partial loads as well as full-truck loads available
Flexible solution - you are only charged for the jobs you get
New transport jobs daily - both on domestic and international routes
image

Benefits of using Clicktrans

image

Transport jobs from both individual and business clients

Get new jobs from both companies and private customers Get started
image

No monthly fee. You are only charged for the jobs you get

You are only charged when you get customers and actually earn money on jobs See how
image

Jobs on domestic and international routes

When using Clicktrans, you get access to customers from all over Europe Try now for free
image

Free access to the transport jobs listings instantly

Every month you gain access to transport jobs worth over €10 million Sign up for free
image

The most advanced transport jobs search engine in the market

Wide variety of filtering options, ability to search by pick-up or delivery location or by route, option to save selected filters for future use and much, much more