/* @font-face { font-family: 'Lexend'; src: url('../fonts/Lexend/Lexend-Bold.eot'); src: url('../fonts/Lexend/Lexend-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lexend/Lexend-Bold.woff2') format('woff2'), url('../fonts/Lexend/Lexend-Bold.woff') format('woff'), url('../fonts/Lexend/Lexend-Bold.ttf') format('truetype'), url('../fonts/Lexend/Lexend-Bold.svg#.fonts/Lexend/Lexend-Bold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Lexend'; src: url('../fonts/Lexend/Lexend-Light.eot'); src: url('../fonts/Lexend/Lexend-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Lexend/Lexend-Light.woff2') format('woff2'), url('../fonts/Lexend/Lexend-Light.woff') format('woff'), url('../fonts/Lexend/Lexend-Light.ttf') format('truetype'), url('../fonts/Lexend/Lexend-Light.svg#.fonts/Lexend/Lexend-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Lexend'; src: url('../fonts/Lexend/Lexend-Medium.eot'); src: url('../fonts/Lexend/Lexend-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Lexend/Lexend-Medium.woff2') format('woff2'), url('../fonts/Lexend/Lexend-Medium.woff') format('woff'), url('../fonts/Lexend/Lexend-Medium.ttf') format('truetype'), url('../fonts/Lexend/Lexend-Medium.svg#.fonts/Lexend/Lexend-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Lexend'; src: url('../fonts/Lexend/Lexend-Regular.eot'); src: url('../fonts/Lexend/Lexend-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lexend/Lexend-Regular.woff2') format('woff2'), url('../fonts/Lexend/Lexend-Regular.woff') format('woff'), url('../fonts/Lexend/Lexend-Regular.ttf') format('truetype'), url('../fonts/Lexend/Lexend-Regular.svg#.fonts/Lexend/Lexend-Regular') format('svg'); font-weight: 400; font-style: normal; } */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext.svg#SourceSansPro') format('svg'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic.svg#SourceSansPro') format('svg'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext.svg#SourceSansPro') format('svg'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek.svg#SourceSansPro') format('svg'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese.svg#SourceSansPro') format('svg'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext.svg#SourceSansPro') format('svg'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin.svg#SourceSansPro') format('svg'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext-normal */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext-normal.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext-normal.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext-normal.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext-normal.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext-normal.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-ext-normal.svg#SourceSansPro') format('svg'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic-normal */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-normal.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-normal.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-normal.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-normal.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-normal.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-cyrillic-normal.svg#SourceSansPro') format('svg'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext-normal */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext-normal.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext-normal.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext-normal.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext-normal.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext-normal.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-ext-normal.svg#SourceSansPro') format('svg'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-normal.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-normal.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-normal.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-normal.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-normal.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-greek-normal.svg#SourceSansPro') format('svg'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese-normal */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese-normal.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese-normal.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese-normal.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese-normal.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese-normal.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-vietnamese-normal.svg#SourceSansPro') format('svg'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext-normal */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext-normal.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext-normal.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext-normal.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext-normal.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext-normal.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-ext-normal.svg#SourceSansPro') format('svg'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin-normal */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-normal.eot'); /* IE9 Compat Modes */ src: url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-normal.eot?#iefix') format('embedded-opentype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-normal.woff2') format('woff2'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-normal.woff') format('woff'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-normal.ttf') format('truetype'), url('https://d3njjcbhbojbot.cloudfront.net/web/type/source-sans-3-optimized/ss3-latin-normal.svg#SourceSansPro') format('svg'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: rgba(0, 0, 0, 0); } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } 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-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type='checkbox'], [type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .custom-scrollbar { overflow: auto; } .custom-scrollbar::-webkit-scrollbar { width: 0.5555555556rem; height: 0.5555555556rem; } .custom-scrollbar::-webkit-scrollbar-track { background: none; } .custom-scrollbar::-webkit-scrollbar-thumb { border: 0; border-radius: 0.4444444444rem; background: rgba(116, 123, 135, 0.34); border: 0.1666666667rem solid rgba(0, 0, 0, 0); background-clip: content-box; cursor: pointer; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: rgba(116, 123, 135, 0.84); } .visible-mobile { display: none; } @media (max-width: 767px) { .visible-mobile { display: block !important; } } .visible-tablet { display: none; } @media (min-width: 767px) and (max-width: 991px) { .visible-tablet { display: block !important; } } @media (max-width: 767px) { .hidden-mobile { display: none !important; } } html { font-size: 18px; -webkit-font-feature-settings: 'locl' 0; font-feature-settings: 'locl' 0; } @media (max-width: 575px) { html { font-size: 5vw; } } body { font-family: 'Source Sans Pro','Lexend', Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #374957; --color-primary: #392919; --color-secondary: #c68642; --color-grey: #374957; --color-alert: #13ce66; --color-info: #3366ff; --color-warning: #ffb020; --color-danger: #ff000d; } a { color: #355bf7; text-decoration: none; } .wrapper { overflow: hidden; } .container { --bs-gutter-x: 0.8333333333rem; width: 100%; padding-right: var(--bs-gutter-x, 0.8333333333rem); padding-left: var(--bs-gutter-x, 0.8333333333rem); margin-right: auto; margin-left: auto; } @media (min-width: 1200px) { .container { max-width: 75rem; } } .row { --bs-gutter-x: 1.3333333333rem; } .flickity-prev-next-button { width: 2.6666666667rem; height: 2.6666666667rem; border-radius: 0.2777777778rem; background: #c68642; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .flickity-prev-next-button:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 1.3333333333rem; height: 1.3333333333rem; background: url('../images/icons/arrow-small-right-white.svg'); background-size: 1.3333333333rem 1.3333333333rem; } .flickity-prev-next-button svg { display: none; } .flickity-prev-next-button.previous:after { -webkit-transform: translate(-50%, -50%) scale(-1); -ms-transform: translate(-50%, -50%) scale(-1); transform: translate(-50%, -50%) scale(-1); } .flickity-prev-next-button:hover, .flickity-prev-next-button:active { background: #9f682c; } .flickity-prev-next-button:disabled { background: #ebedee; opacity: 1; } .flickity-prev-next-button:disabled:after { -webkit-filter: saturate(0%) brightness(0%) invert(27.8431372549%) opacity(1); filter: saturate(0%) brightness(0%) invert(27.8431372549%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .flickity-page-dots .dot { width: 2.0555555556rem; height: 0.4444444444rem; border-radius: 0.2777777778rem; margin: 0 0.1666666667rem; background: #c3c3c3; opacity: 1; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } @media (max-width: 767px) { .flickity-page-dots .dot { width: 1.1111111111rem; } } .flickity-page-dots .dot.is-selected { background: #c68642; width: 0.8888888889rem; } .footer { padding-top: 4.1666666667rem; background: #374957; color: #fff; } .footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .footer__top { display: block; } } .footer__logo { width: 15.8333333333rem; } .footer__logo img { width: 100%; } .footer__social { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1.1111111111rem; gap: 1.6666666667rem; } @media (max-width: 767px) { .footer__social { margin-top: 2.2222222222rem; } } .footer__social-btn { width: 2.7777777778rem; height: 2.7777777778rem; border-radius: 2.7777777778rem; background: #738089; overflow: hidden; font-size: 0; } .footer__social-btn.-fb { background-image: url('../images/icons/social-fb.svg'); } .footer__social-btn.-ins { background-image: url('../images/icons/social-ins.svg'); } .footer__social-btn.-yt { background-image: url('../images/icons/social-ytb.svg'); } .footer__social-btn.-tt { background-image: url('../images/icons/social-tt.svg'); } .footer__main { margin-top: 2rem; margin-bottom: 1.3333333333rem; } .footer__main .col-3:nth-child(2) { padding-left: 1.6111111111rem; } .footer__main .col-3:nth-child(3) { padding-left: 1rem; } .footer__main .col-3:nth-child(4) { padding-left: 0.3888888889rem; } @media (max-width: 991px) { .footer__main .col-3 { width: 100%; padding-left: 0 !important; margin-top: 1.1111111111rem; } } @media (max-width: 767px) { .footer__main .col-3 { padding: 0rem 1.1111111111rem !important; } } .footer__info p { margin: 0; } .footer__info ul { margin-top: 0.5555555556rem; padding: 0 0 0 1.9444444444rem; list-style: none; } .footer__info ul li { position: relative; margin-bottom: 1.0555555556rem; } .footer__info ul li img { position: absolute; width: 0.8888888889rem; height: 0.8888888889rem; left: -1.4444444444rem; top: 0.1666666667rem; } .footer__links h6 { margin: 0; } .footer__links ul { margin-top: 0.5555555556rem; padding: 0 0 0 2rem; list-style: none; } .footer__links ul li { position: relative; margin-bottom: 1.0555555556rem; } .footer__links ul li a { color: #fff; display: block; } .footer__links ul li a::before { content: ''; position: absolute; display: inline-block; width: 0.8888888889rem; height: 0.8888888889rem; left: -1.4444444444rem; top: 0.1111111111rem; border-radius: 2.7777777778rem; background: url('../images/icons/arrow-small-right.svg'); } .footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 2rem; padding-bottom: 0.5rem; border-top: 0.0555555556rem solid #4b5b68; } .footer__to-top { margin-top: -1.1111111111rem; border: 0; outline: none; background: rgba(0, 0, 0, 0); color: #fff; } .header-controls { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.8888888889rem; } @media (max-width: 1399px) { .header-controls { gap: 0.4444444444rem; } } .header-controls__btn { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 2.6666666667rem; height: 2.6666666667rem; background: #ebedee; border-radius: 0.2777777778rem; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .header-controls__btn img { width: 1.3333333333rem; height: 1.3333333333rem; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .header-controls__btn > span { position: absolute; right: 0; top: 0; margin-top: -0.5555555556rem; margin-right: -0.5rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 1.3333333333rem; height: 1.3333333333rem; padding: 0 0.2777777778rem; font-size: 0.7777777778rem; font-weight: 500; background: #ff000d; border-radius: 1.3333333333rem; color: #fff; } .header-controls__btn:hover { background: #c68642; color: #fff; } .header-controls__btn:hover img { -webkit-filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .header-controls__profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 0.5555555556rem; position: relative; } .header-controls__profile:hover .header-controls__dropdown { opacity: 1; -webkit-transform: translateY(0rem); -ms-transform: translateY(0rem); transform: translateY(0rem); } .header-controls__avatar { position: relative; overflow: hidden; width: 2.6666666667rem; height: 2.6666666667rem; border-radius: 2.6666666667rem; overflow: hidden; background: #eee; } .header-controls__avatar::before { content: ''; display: block; padding-top: 100%; } .header-controls__avatar img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .header-controls__avatar img { width: 100%; } .header-controls__arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.3333333333rem; height: 1.3333333333rem; } .header-controls__arrow:after { content: ''; display: inline-block; content: ''; display: block; width: 0.5555555556rem; height: 0.5555555556rem; border-left: 0.1111111111rem solid #374957; border-top: 0.1111111111rem solid #374957; border-right: none; border-bottom: none; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .header-controls__dropdown { position: absolute; right: 0; top: 100%; width: 11.1111111111rem; background: #fff; margin: 0; margin-top: 0.5555555556rem; padding: 0.5555555556rem 0; list-style: none; opacity: 0; border: 0.0555555556rem solid #e0e2e7; border-radius: 0.2777777778rem; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-transform: translateY(-0.5555555556rem); -ms-transform: translateY(-0.5555555556rem); transform: translateY(-0.5555555556rem); -webkit-box-shadow: 0 0.2222222222rem 0.5555555556rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.2222222222rem 0.5555555556rem rgba(0, 0, 0, 0.1); } .header-controls__dropdown::before { content: ''; display: block; position: absolute; left: 0; right: 0; top: -0.5555555556rem; height: 0.5555555556rem; } .header-controls__dropdown li a { display: block; padding: 0.5555555556rem 1.1111111111rem; color: #374957; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; } .header-controls__dropdown li a:hover { color: #c68642; } .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 5rem; padding: 0rem 1.1111111111rem; background: #fff; border-bottom: 0.0555555556rem solid #cdcfd2; position: relative; z-index: 5; } .header__left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.4444444444rem; } .header__right { -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .header__logo { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; width: 13rem; font-size: 1.1111111111rem; font-weight: 700; color: #212529; } .header__logo a { display: inline-block; width: 13rem; } .header__logo img { width: 100%; } @media (max-width: 1199px) { .header__menu { display: none; } } .header__search { width: 14.1111111111rem; } @media (max-width: 1399px) { .header__search { width: 10rem; } } @media (max-width: 1199px) { .header__search { display: none; } } .header__links { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: -1.6111111111rem; } @media (max-width: 1199px) { .header__links { display: none; } } .header__links a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: center; align-self: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0rem 1rem; color: #374957; text-align: center; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } @media (max-width: 1399px) { .header__links a { padding: 0rem 0.4444444444rem; } } .header__links a:hover { color: #9f682c; } .header__controls { margin-left: 2.5555555556rem; font-size: 0; } @media (max-width: 1199px) { .header__controls { display: none; } } .header__controls .button { padding: 0 0.7777777778rem; } .header__hbg-btn { display: none; background: #ebedee; width: 2.6666666667rem; height: 2.6666666667rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.2777777778rem; font-size: 0; outline: none; border: 0; } @media (max-width: 1199px) { .header__hbg-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .header__hbg-btn:after { content: ''; display: inline-block; width: 1.3333333333rem; height: 1.3333333333rem; background: url('../images/icons/hbg.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; } .top-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 3.0555555556rem; padding: 0rem 1.1111111111rem; background: #fff; border-bottom: 0.0555555556rem solid #cdcfd2; } @media (max-width: 767px) { .top-header { display: none; } } .top-header__left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 0.2222222222rem; } .top-header__contact, .mobile-menu__contact-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5555555556rem; margin-right: 0.4444444444rem; padding: 0rem 0.2777777778rem; color: #374957; } .top-header__contact img, .mobile-menu__contact-item img { width: 0.8888888889rem; height: 0.8888888889rem; } .top-header__lang .dropdown, .mobile-menu__lang .dropdown { min-width: 5rem; } .top-header__lang .dropdown .dropdown-toggle, .mobile-menu__lang .dropdown .dropdown-toggle { width: 100%; height: 1.3888888889rem; padding: 0rem 0.4444444444rem; color: #6e798a; font-size: 0.6666666667rem; font-weight: 400; line-height: 1; border: 0.0555555556rem solid #e0e2e7; border-radius: 0.2777777778rem; text-align: left; } .top-header__lang .dropdown .dropdown-toggle:after, .mobile-menu__lang .dropdown .dropdown-toggle:after { content: ''; display: block; width: 0.3333333333rem; height: 0.3333333333rem; border-left: 0.1111111111rem solid #8c8c8c; border-top: 0.1111111111rem solid #8c8c8c; border-right: none; border-bottom: none; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); position: absolute; right: 0.6666666667rem; top: 0.3888888889rem; background: none; } .top-header__lang .dropdown .dropdown-toggle.show::after, .mobile-menu__lang .dropdown .dropdown-toggle.show::after { -webkit-transform: rotate(-135deg) scale(-1); -ms-transform: rotate(-135deg) scale(-1); transform: rotate(-135deg) scale(-1); } .top-header__lang .dropdown .dropdown-menu, .mobile-menu__lang .dropdown .dropdown-menu { width: 100%; min-width: 100%; border: 0.0555555556rem solid #e0e2e7; border-radius: 0.2777777778rem; } .top-header__lang .dropdown .dropdown-item, .mobile-menu__lang .dropdown .dropdown-item { padding: 0.2777777778rem 0.4444444444rem; font-size: 0.6666666667rem; } h1, .heading-1 { font-size: 3.7777777778rem; font-weight: 700; line-height: 1.3970588235; } h2, .heading-2 { font-size: 3.0555555556rem; font-weight: 700; line-height: 1.3818181818; } h3, .heading-3 { font-size: 2.4444444444rem; font-weight: 700; line-height: 1.4090909091; } @media (max-width: 767px) { h3, .heading-3 { font-size: 1.7777777778rem; } } h4, .heading-4, .course-overview__title h1, .page-header__title { font-size: 1.9444444444rem; font-weight: 700; line-height: 1.4; } h5, .heading-5, .user-header__title, .comment-item__content h6 { font-size: 1.5555555556rem; font-weight: 700; line-height: 1.4285714286; } h6, .heading-6, .faq-section .accordion-button, .course-sidebox__price span, .course-sidebox__price, .course-item__price span, .course-card__price span, .box-module__title { font-size: 1.2222222222rem; font-weight: 700; line-height: 1.4090909091; } .heading-1, .heading-2, .heading-3, .heading-4, .course-overview__title h1, .page-header__title, .heading-5, .user-header__title, .comment-item__content h6, .heading-6, .faq-section .accordion-button, .course-sidebox__price span, .course-sidebox__price, .course-item__price span, .course-card__price span, .box-module__title { margin: 0; } .light-heading-1 { font-size: 3.7777777778rem; font-weight: 300; line-height: 1.3970588235; } .light-heading-2 { font-size: 3.0555555556rem; font-weight: 300; line-height: 1.3818181818; } .light-heading-3 { font-size: 2.4444444444rem; font-weight: 300; line-height: 1.4090909091; } .light-heading-4 { font-size: 1.9444444444rem; font-weight: 300; line-height: 1.4; } .light-heading-5 { font-size: 1.5555555556rem; font-weight: 300; line-height: 1.4285714286; } .light-heading-6 { font-size: 1.2222222222rem; font-weight: 300; line-height: 1.4090909091; } .lead-text { font-size: 1.1111111111rem; font-weight: 400; line-height: 1.7; } .lead-light-text { font-size: 1.1111111111rem; font-weight: 300; line-height: 1.7; } .body-text, .lession-tabs__header .nav .nav-link, .ongoing-course-card__next-title, .program-item__time, .course-overview__academy-name { font-size: 1rem; font-weight: 700; line-height: 1.4444444444; } .body-light-text, .lession-header__title h1, .categories-section__more a, .program-item__title, .filter-sort .dropdown-toggle, .filter-sort .dropdown, .testimonial-card__desc, .dropdown-toggle, .dropdown, .article-card__desc { font-size: 1rem; font-weight: 300; line-height: 1.4444444444; } .sub-title-text, .user-header__filter > span, .lession__sidebar-header h5, .partners-section__course .nav-link, .course-sidebox__cover p, .course-program .accordion .accordion-button, .filter-sort label, .filter-display label, .nav-tabs .nav-link, .main-menu__courses-item > h6, .main-menu__lvl-3 > h6, .main-menu__lvl-2 > h6, .header__links a { font-size: 0.8888888889rem; font-weight: 700; line-height: 1.5; } .sub-title-light-text, .lession-tabs .tab-content, .partners-section__header p, .partners-course-intro__desc, .ongoing-course-note, .lecturer-section__header p, .faq-section .accordion-body, .course-tabs, .course-sidebox__price span.-old-price, .course-program .accordion .accordion-body, .course-overview, .comment-form__content textarea, .comment-form__rating > p, .nav-footer p, .pagination li span, .pagination li a, .course-card__price span.-old-price, .box-module__body { font-size: 0.8888888889rem; font-weight: 300; line-height: 1.5; } .caption-text, .lession-item__header > strong, .ongoing-course-card__next-header, .ongoing-course-card__author span, .filter-show-more-btn a, .filter-show-more-btn button, .user-meta span, .testimonial-card__title h6, .course-item__author span, .course-card__author span, .box-module.-tags .box-module__title, .article-card__more, .article-card__author span { font-size: 0.8rem; font-weight: 700; line-height: 1.3888888889; } .caption-light-text, .user-sidebar__info-email, .user-nav ul li a, .lession-tabs .course-overview__meta, .lession-item .accordion-body, .lession-item__header > div > h3, .lession-header__title p, .course-sidebox__student, .comment-form, .tag, .search-box__input, .main-menu__more, .main-menu__lvl-2 > ul > li > a, .main-menu__lvl-1 > ul > li > a, .lecturer-card__desc, .course-item__desc, .course-item__title, .course-card__desc, .comment-item__content p, .category-item__course-total, .breadcrumb ul li, .big-ongoing-course-card__rating, .big-ongoing-course-card__desc, .article-card__date, .alert, .footer__info, .footer__links ul, .footer__bottom, .footer__to-top, .header-controls__dropdown, .top-header__contact, .mobile-menu__contact-item { font-size: 0.8rem; font-weight: 300; line-height: 1.3888888889; } .alert { padding: 0.2777777778rem 0.5555555556rem; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 2.2222222222rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.3333333333rem; margin: 0; gap: 0.6666666667rem; } .alert img { max-width: 0.8888888889rem; max-height: 0.8888888889rem; } .article-card > a { display: block; border: 0.0555555556rem solid #c3c8cd; border-radius: 0.2777777778rem; -webkit-box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); overflow: hidden; padding: 1.1111111111rem 1.1111111111rem 1rem; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .article-card__img { position: relative; overflow: hidden; width: 100%; border-radius: 0.2777777778rem; height: 14.3333333333rem; } .article-card__img::before { content: ''; display: block; padding-top: 67.6240208877%; } .article-card__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 991px) { .article-card__img { height: auto; } } .article-card__title { margin-top: 0.6666666667rem; } .article-card__title h6 { margin: 0; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 3.4444444444rem; overflow: hidden; } @media (max-width: 767px) { .article-card__title h6 { font-size: 1.1111111111rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } .article-card__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.3333333333rem; } @media (max-width: 767px) { .article-card__meta { margin-top: 0.5555555556rem; } } .article-card__author { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.2777777778rem; } .article-card__author img { width: 1rem; height: 1rem; background: #e3c3a1; border-radius: 1rem; padding: 0.2222222222rem; } .article-card__author span { color: #4b5b68; } .article-card__date { color: #738089; } .article-card__desc { margin-top: 0.6111111111rem; color: #374957; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 2.8888888889rem; overflow: hidden; } .article-card__more { margin-top: 0.9444444444rem; color: #c68642; text-transform: uppercase; } .article-card__more img { width: 1.1111111111rem; height: 1.1111111111rem; margin-left: 0.1666666667rem; -webkit-filter: saturate(0%) brightness(0%) invert(51.7647058824%) opacity(1); filter: saturate(0%) brightness(0%) invert(51.7647058824%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .article-card.-mini > a { padding-bottom: 0.8888888889rem; } .article-card.-mini .article-card__img { display: none; } .article-card.-mini .article-card__title { margin-top: 0; } .article-card.-mini .article-card__title h6 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 5.1666666667rem; overflow: hidden; } @media (max-width: 991px) { .article-card.-mini .article-card__title h6 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: auto; } } .article-card.-mini .article-card__meta { margin-top: 0.8888888889rem; } .article-card.-mini .article-card__desc { display: none; } .article-card.-mini .article-card__more { margin-top: 0.7777777778rem; } .article-card:hover > a { border-color: #c68642; -webkit-box-shadow: 0rem 0.2222222222rem 0.3888888889rem rgba(0, 0, 0, 0.45); box-shadow: 0rem 0.2222222222rem 0.3888888889rem rgba(0, 0, 0, 0.45); } .big-ongoing-course-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.7777777778rem; background: #fff; border: 0.0555555556rem solid #c3c8cd; border-radius: 0.2777777778rem; gap: 1.1111111111rem; } @media (max-width: 991px) { .big-ongoing-course-card { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .big-ongoing-course-card__img { position: relative; overflow: hidden; width: 15.3333333333rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 0.2777777778rem; } .big-ongoing-course-card__img::before { content: ''; display: block; padding-top: 66.6666666667%; } .big-ongoing-course-card__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .big-ongoing-course-card__img { width: 100%; } } .big-ongoing-course-card__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .big-ongoing-course-card__title h6 { margin: -0.0555555556rem 0 0; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .big-ongoing-course-card__desc { margin-top: 0.4444444444rem; } .big-ongoing-course-card__progress { margin-top: -0.2222222222rem; } .big-ongoing-course-card__progress .progress { margin-top: 0.6111111111rem; height: 0.4444444444rem; background: #ebedee; max-width: 19.4444444444rem; } .big-ongoing-course-card__progress .progress .progress-bar { background: #c68642; border-radius: 0.2777777778rem; } .big-ongoing-course-card__progress-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5555555556rem; margin-top: 0.8888888889rem; color: #374957; } .big-ongoing-course-card__progress-detail img { width: 1rem; height: 1rem; } .big-ongoing-course-card__progress-detail p { margin: 0; font-size: 0.6666666667rem; } .big-ongoing-course-card__progress-detail span { font-size: 0.6666666667rem; display: inline-block; font-weight: 700; margin-left: 0.4444444444rem; } .big-ongoing-course-card__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px 0 0; padding: 0; list-style: none; gap: 1.6666666667rem; } @media (max-width: 767px) { .big-ongoing-course-card__meta { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5555555556rem; } } .big-ongoing-course-card__meta li img { width: 0.7777777778rem; height: 0.7777777778rem; } .big-ongoing-course-card__meta li span { font-size: 0.6666666667rem; font-weight: 700; } .big-ongoing-course-card__footer { margin-top: 0.4444444444rem; padding-top: 0.3888888889rem; border-top: 0.0555555556rem solid #c3c8cd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .big-ongoing-course-card__footer > div:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; gap: 1.2777777778rem; } .big-ongoing-course-card__author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .big-ongoing-course-card__author .user-meta img { width: 1.6666666667rem; height: 1.6666666667rem; padding: 0.4444444444rem; } @media (max-width: 767px) { .big-ongoing-course-card__action { width: 100%; margin-top: 0.5555555556rem; } } .big-ongoing-course-card__action .button { height: 1.6111111111rem; padding-left: 0.6111111111rem; padding-right: 0.6111111111rem; gap: 0.6111111111rem; font-size: 0.6666666667rem; } @media (max-width: 767px) { .big-ongoing-course-card__action .button { width: 100%; } } .big-ongoing-course-card__alert { width: 100%; } .box-module { padding: 0.5555555556rem 1.1111111111rem; border: 0.0555555556rem solid #c3c8cd !important; border-radius: 0.2777777778rem; -webkit-box-shadow: 0 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); box-shadow: 0 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); } .box-module__header { border: 0; } .box-module__title { background: none !important; padding: 0.5555555556rem 0 0.5555555556rem; color: #374957 !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .box-module__title:after { width: 1.3333333333rem; height: 1.3333333333rem; background-image: url('../images/icons/nav-arrow-right.svg') !important; background-size: 1.3333333333rem 1.3333333333rem; background-position: center; background-repeat: no-repeat; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .box-module__title:not(.collapsed)::after { -webkit-transform: rotate(90deg) scale(-1); -ms-transform: rotate(90deg) scale(-1); transform: rotate(90deg) scale(-1); } .box-module__body { border-top: 0.0555555556rem solid #c3c8cd; } .box-module__remove-all-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.6666666667rem; color: #9ba4ab; font-weight: 700; gap: 0.2777777778rem; outline: none; border: 0; padding: 0; } .box-module.-tags { background: #ebedee; } .box-module.-tags .box-module__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-module.-tags .box-module__title { pointer-events: none; } .box-module.-tags .box-module__title:after { display: none; } .breadcrumb { display: block; margin: 0; } .breadcrumb ul { padding: 0; margin: 0; list-style: none; } .breadcrumb ul li { display: inline-block; } .breadcrumb ul li:before { content: ''; display: inline-block; width: 1rem; height: 1rem; margin-left: 0.3888888889rem; margin-right: 0.3888888889rem; background: url('../images/icons/nav-arrow-right.svg') no-repeat center; background-size: contain; vertical-align: middle; -webkit-filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .breadcrumb ul li a { color: #fff; } .breadcrumb ul li:first-child::before { display: none; } .button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.6666666667rem; padding: 0 0.8333333333rem; font-size: 0.7777777778rem; font-weight: 500; line-height: 1; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; background-color: rgba(0, 0, 0, 0); border: 0px solid rgba(0, 0, 0, 0); border-radius: 0.2777777778rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; gap: 0.4444444444rem; white-space: nowrap; } .button.-filled { color: #3d4148; background: #fff; } .button.-filled:hover { color: #fff; background: #0a74ff; } .button.-outline { border: 0.0555555556rem solid #c68642; color: #c68642; background: none; } .button.-outline:hover { color: #9f682c; border-color: #9f682c; background: none; } .button.-outline.-disabled, .button.-outline:disabled { border-color: #ffead4; color: #e3c3a1; } .button.-outline img { -webkit-filter: saturate(0%) brightness(0%) invert(39.8039215686%) opacity(1); filter: saturate(0%) brightness(0%) invert(39.8039215686%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .button.-dark { color: #fff; background: #25282c; } .button.-primary { color: #fff; background: #c68642; } .button.-lg { height: 3.3333333333rem; } .button.-sm { height: 2.2222222222rem; } .button.-xs { height: 1.3888888889rem; font-size: 0.6666666667rem; } .button.-xs::before, .button.-xs:after { width: 1rem !important; height: 1rem !important; } .button.-xs img { width: 1rem; height: 1rem; } .button.-round { border-radius: 1.6666666667rem; } .button.-bold { font-weight: 700; } .button.-uppercase { text-transform: uppercase; } .button.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .button.-icon-checked::before { content: ''; display: inline-block; width: 1.3333333333rem; height: 1.3333333333rem; background-image: url('../images/icons/check.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; } .button:hover { background: #9f682c; } .button.-disabled, .button:disabled { color: #ddb68e; background: #ffead4; pointer-events: none; } .button img { max-width: 1.3333333333rem; max-height: 1.3333333333rem; width: auto; height: auto; } .category-item > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0.5555555556rem 0.6666666667rem; background: #ebedee; border-radius: 0.2777777778rem; gap: 0.8333333333rem; border: 1px solid rgba(0, 0, 0, 0); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .category-item > a:hover { border-color: #ebedee; background: #fff; -webkit-box-shadow: 0 0.2222222222rem 0.5555555556rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.2222222222rem 0.5555555556rem rgba(0, 0, 0, 0.1); } .category-item__img { position: relative; overflow: hidden; width: 4.4444444444rem; -ms-flex-negative: 0; flex-shrink: 0; } .category-item__img::before { content: ''; display: block; padding-top: 100%; } .category-item__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .category-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; min-height: 4.4444444444rem; } .category-item__title { width: 100%; } .category-item__title h6 { margin: 0; color: #000; } .category-item__course-total { width: 100%; margin-top: 0.4444444444rem; color: #374957; } .comment-item { border: 0.0555555556rem solid #c3c8cd; background: #fff url('../images/comment/comment-item-bg.jpg') center right no-repeat; background-size: cover; border-radius: 0.2777777778rem; -webkit-box-shadow: 0 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); box-shadow: 0 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); padding: 1.1111111111rem; } .comment-item__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5555555556rem; } .comment-item__avatar { width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden; } .comment-item__avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .comment-item__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .comment-item__content h6 { margin: 0; } .comment-item__content p { margin: 0.2777777778rem 0 0; } .comment-item__footer { border-top: 0.0555555556rem solid #c3c8cd; margin-top: 0.5555555556rem; padding-top: 0.3888888889rem; margin-bottom: -0.6666666667rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comment-item__footer-left { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.3333333333rem; } .comment-item__footer-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.4444444444rem; } .comment-item__footer-item img { width: 0.7777777778rem; height: 0.7777777778rem; } .comment-item__footer-item span { font-size: 0.6666666667rem; font-weight: 700; } .comment-item__footer-item i { font-weight: 300; font-style: normal; margin-left: 0.2777777778rem; } .course-card { border: 0.0555555556rem solid #c3c8cd; border-radius: 0.2777777778rem; -webkit-box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); white-space: normal; background: #fff; text-align: left; position: relative; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .course-card__img { position: relative; overflow: hidden; } .course-card__img::before { content: ''; display: block; padding-top: 59.7402597403%; } .course-card__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .course-card__inner { padding: 0 0.8333333333rem 0.8333333333rem; } .course-card__title { margin-top: 0.4444444444rem; } .course-card__title h6 { margin: 0; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 4.666666666rem; overflow: hidden; font-size: 20px; } .course-card__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.4444444444rem; height: 2.333333rem; } .course-card__author { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.2777777778rem; } .course-card__author img { width: 1rem; height: 1rem; background: #e3c3a1; border-radius: 1rem; padding: 0.2222222222rem; } .course-card__author span { color: #4b5b68; } .course-card__rating { display: -webkit-inline-box; display: -ms-inline-flexbox; /* display: inline-flex; */ display: none; gap: 0.2222222222rem; } .course-card__rating img { width: 0.8666666667rem; height: 0.8666666667rem; } .course-card__rating span { font-size: 0.8555555556rem; font-weight: 300; color: #4b5b68; } .course-card__desc { margin-top: 0.4444444444rem; color: #374957; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 2.33333rem; } .course-card__price { margin-top: 0.5rem; text-align: left; } .course-card__price.-free span { color: #887f75; } .course-card__price span { color: #c68642; } .course-card__price span.-old-price { text-decoration: line-through; color: #738089; margin-left: 0.5555555556rem; position: relative; top: -0.0555555556rem; } .course-card__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.3333333333rem; padding: 0.6666666667rem 0 0.1111111111rem; border-top: 0.0555555556rem solid #c3c8cd; } .course-card__footer-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.4444444444rem; } .course-card__footer-item img { width: 0.6666666667rem; height: 0.6666666667rem; } .course-card__footer-item span { font-size: 0.6666666667rem; font-weight: 700; color: #374957; } .course-card__action { position: absolute; left: 0.8333333333rem; right: 0.8333333333rem; bottom: 0.4222222222rem; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.4444444444rem; opacity: 0; } .course-card__action .button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .course-card__fav { position: absolute; right: 0.8333333333rem; top: 0.8333333333rem; } .course-card__fav label { display: block; } .course-card__fav input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; } .course-card__fav span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; justify-self: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 2.4444444444rem; height: 2.4444444444rem; background: #e9ecf1 url('../images/icons/heart.svg'); background-position: center; background-repeat: no-repeat; background-size: 1.3333333333rem 1.3333333333rem; border-radius: 0.2777777778rem; } .course-card__fav input:checked ~ span { background-image: url('../images/icons/heart-filled.svg'); } .course-card:hover { border-color: #c68642; -webkit-box-shadow: 0rem 0.2222222222rem 0.3888888889rem rgba(0, 0, 0, 0.45); box-shadow: 0rem 0.2222222222rem 0.3888888889rem rgba(0, 0, 0, 0.45); } .course-card:hover .course-card__action { opacity: 1; } .course-item > a { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.6666666667rem; } .course-item__img { position: relative; overflow: hidden; width: 5rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; } .course-item__img::before { content: ''; display: block; padding-top: 72.2222222222%; } .course-item__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .course-item__title { color: #374957; margin-bottom: -0.1666666667rem; } .course-item__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.4444444444rem; } .course-item__author { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.2777777778rem; } .course-item__author img { width: 1rem; height: 1rem; background: #e3c3a1; border-radius: 1rem; padding: 0.2222222222rem; } .course-item__author span { color: #4b5b68; } .course-item__rating { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.2222222222rem; } .course-item__rating img { width: 0.6666666667rem; height: 0.6666666667rem; } .course-item__rating span { font-size: 0.5555555556rem; font-weight: 300; color: #4b5b68; } .course-item__desc { margin-top: 0.4444444444rem; color: #374957; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .course-item__price { margin-top: 0.5rem; } .course-item__price span { color: #c68642; } .course-item__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.3333333333rem; padding: 0.6666666667rem 0 0.1111111111rem; border-top: 0.0555555556rem solid #c3c8cd; } .course-item__footer-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.4444444444rem; } .course-item__footer-item img { width: 0.6666666667rem; height: 0.6666666667rem; } .course-item__footer-item span { font-size: 0.6666666667rem; font-weight: 700; color: #374957; } .courses-section { padding: 2.7777777778rem 0; } .courses-section__title h3 { margin: 0; color: #000; } .courses-section__title h4 { margin: 0; color: #000; } .courses-section__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 1.6666666667rem 0; gap: 1.3333333333rem; } .courses-section__cell { width: calc(25% - 1rem); padding: 0; } @media (max-width: 1199px) { .courses-section__cell { width: calc(50% - 0.6666666667rem); } } @media (max-width: 991px) { .courses-section__cell { width: calc(50% - 0.6666666667rem); } } @media (max-width: 767px) { .page-header__breadcrumb { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .page-header__breadcrumb::-webkit-scrollbar { display: none; } .breadcrumb ul { display: inline-flex; flex-wrap: nowrap; } .breadcrumb li { display: inline-block; white-space: nowrap; } .courses-section__cell { width: 100%; } } .courses-section__more { text-align: center; } .courses-section__more .button { font-weight: 700; padding: 0rem 1rem; } .courses-section.-viewed-courses { background: #ebedee; margin-top: 1.2777777778rem; padding-bottom: 1.1111111111rem; } .courses-section.-grey-bg { background: #ebedee; margin-top: 1.2777777778rem; padding-bottom: 1.1111111111rem; } .custom-checkbox { display: block; color: #343a40; } .custom-checkbox label { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.4444444444rem; min-height: 1.7777777778rem; } .custom-checkbox label input { display: none; } .custom-checkbox label input:checked + span { background: #c68642; border-color: #c68642; } .custom-checkbox label input:checked + span::after { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .custom-checkbox label span { position: relative; display: inline-block; width: 0.8888888889rem; height: 0.8888888889rem; margin-right: 0.4444444444rem; border: 0.0555555556rem solid #abb5be; border-radius: 0.1111111111rem; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .custom-checkbox label span:after { content: ''; display: inline-block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); width: 0.6666666667rem; height: 0.6666666667rem; background-image: url('../images/icons/checkbox.svg'); background-size: contain; opacity: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .custom-checkbox label p { margin: 0; } .custom-radio { display: block; color: #343a40; } .custom-radio label { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.4444444444rem; min-height: 1.7777777778rem; } .custom-radio label input { display: none; } .custom-radio label input:checked + span { border: 0.2777777778rem solid #c68642; } .custom-radio label span { position: relative; display: inline-block; width: 0.8888888889rem; height: 0.8888888889rem; margin-right: 0.4444444444rem; border: 0.0555555556rem solid #abb5be; border-radius: 0.8888888889rem; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .custom-radio label p { margin: 0; } .dropdown { min-width: 10.4444444444rem; color: #374957; } .dropdown-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2.5555555556rem; border: 1px solid #e4e4e4; border-radius: 0.2777777778rem; color: #374957; width: 100%; position: relative; padding-left: 0.8333333333rem; padding-right: 2.3333333333rem; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .dropdown-toggle:after { position: absolute; right: 0.5555555556rem; top: 50%; width: 1.3333333333rem; height: 1.3333333333rem; background-image: url('../images/icons/nav-arrow-right.svg'); background-size: 1.3333333333rem 1.3333333333rem; background-position: center; border: 0; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); margin: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .dropdown-toggle.show::after { -webkit-transform: translateY(-50%) rotate(90deg) scale(-1); -ms-transform: translateY(-50%) rotate(90deg) scale(-1); transform: translateY(-50%) rotate(90deg) scale(-1); } .dropdown-toggle:hover { border-color: #c68642; } .dropdown-menu { min-width: 100%; } .lecturer-card { border: 0.0555555556rem solid #c3c8cd; border-radius: 0.2777777778rem; -webkit-box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); overflow: hidden; padding: 1.2222222222rem 1.2222222222rem 0.2777777778rem; background: #fff url('../images/home/lecturer-card-bg.jpg'); background-position: right bottom; background-repeat: no-repeat; background-size: cover; } .lecturer-card__img { position: relative; overflow: hidden; width: 4rem; border-radius: 4rem; overflow: hidden; background: #eee; } .lecturer-card__img::before { content: ''; display: block; padding-top: 100%; } .lecturer-card__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lecturer-card__img img { width: 100%; } .lecturer-card__check { display: inline-block; width: 1.1111111111rem; height: 1.1111111111rem; margin-left: 0.1666666667rem; background: url('../images/icons/orange-check.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; } .lecturer-card__title { margin-top: 0.5555555556rem; padding: 15px 10px; } .lecturer-card__title h5 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0; color: #000; line-height: 1.4; } .lecturer-card__title h6 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0; color: #000; line-height: 1.4; } .truncate-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 85%; } .lecturer-card__desc { margin-top: 0.4444444444rem; } .lecturer-card__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 2.3333333333rem; margin-top: 0.5555555556rem; border-top: 0.0555555556rem solid #c3c8cd; } .lecturer-card__course-total { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lecturer-card__course-total img { width: 0.7777777778rem; height: 0.7777777778rem; margin-right: 0.3333333333rem; } .lecturer-card__course-total span { font-size: 0.7666666667rem; font-weight: 700; } .lecturer-card__rating { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 0.1666666667rem; } .lecturer-card__rating img { width: 0.7666666667rem; height: 0.7666666667rem; margin-right: 0.4444444444rem; } .lecturer-card__rating span { font-size: 0.7666666667rem; font-weight: 300; } .lecturer-card__rating span b { margin-right: 0.3888888889rem; } .main-menu { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .main-menu__btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0; width: 10.1111111111rem; height: 2.6666666667rem; padding: 7px 16px; border-radius: 5px; border: 1px solid #392919; background: #e1e1e1; -webkit-box-shadow: none; box-shadow: none; color: #392919; font-size: 0.8rem; font-style: normal; font-weight: 700; } .main-menu__btn img { width: 1.1111111111rem; height: 1.1111111111rem; margin-right: 0.5555555556rem; } .main-menu__dropdown { display: block; position: absolute; top: 100%; left: 0; margin-top: 1.2222222222rem; z-index: 5; opacity: 0; pointer-events: none; -webkit-transform: translateY(-0.5555555556rem); -ms-transform: translateY(-0.5555555556rem); transform: translateY(-0.5555555556rem); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .main-menu__dropdown::before { content: ''; position: absolute; top: -1.2222222222rem; left: 0; right: 0; bottom: 100%; } .main-menu__lvl-1 { padding: 0.5555555556rem; width: 14.6666666667rem; background: #fff4e9; } .main-menu__lvl-1 > ul { margin: 0; padding: 0; list-style: none; } .main-menu__lvl-1 > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 2.5555555556rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0.5555555556rem 1.1111111111rem; color: #374957; background: #fff; margin-right: -0.5555555556rem; border-right: 0.5555555556rem solid #fff4e9; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .main-menu__lvl-1 > ul > li:hover > a { font-weight: 700; background: #f4e5d4; color: #c68642; } .main-menu__lvl-1 > ul > li:hover > a::after { -webkit-transform: translateX(0.1666666667rem); -ms-transform: translateX(0.1666666667rem); transform: translateX(0.1666666667rem); -webkit-filter: saturate(0%) brightness(0%) invert(51.7647058824%) opacity(1); filter: saturate(0%) brightness(0%) invert(51.7647058824%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .main-menu__lvl-1 > ul > li:hover > .main-menu__lvl-2 { opacity: 1; pointer-events: all; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .main-menu__lvl-1 > ul > li.has-child > a { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-menu__lvl-1 > ul > li.has-child > a:after { content: ''; display: inline-block; float: right; width: 0.8888888889rem; height: 0.8888888889rem; margin-right: -0.2777777778rem; background: url('../images/icons/nav-arrow-right.svg') center no-repeat; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .main-menu__lvl-2 { position: absolute; left: 14.6666666667rem; top: 0; width: 15.1666666667rem; height: 24.1111111111rem; padding: 0.5555555556rem 1.1111111111rem; background: #f4e5d4; opacity: 0; pointer-events: none; -webkit-transform: translateX(-0.5555555556rem); -ms-transform: translateX(-0.5555555556rem); transform: translateX(-0.5555555556rem); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .main-menu__lvl-2 > h6 { margin: 0 0 0.3333333333rem; } .main-menu__lvl-2 > ul { margin: 0; padding: 0; list-style: none; } .main-menu__lvl-2 > ul > li { margin-bottom: 0.0555555556rem; } .main-menu__lvl-2 > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 2.5555555556rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0.5555555556rem 1.1111111111rem; background: #fff; color: #374957; position: relative; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .main-menu__lvl-2 > ul > li > a::after { content: ''; position: absolute; left: 100%; top: -50%; display: inline-block; width: 1.1111111111rem; height: 200%; } .main-menu__lvl-2 > ul > li:hover > a { font-weight: 700; background: #f4e5d4; color: #c68642; } .main-menu__lvl-2 > ul > li:hover > .main-menu__lvl-3 { opacity: 1; pointer-events: all; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .main-menu__lvl-3 { position: absolute; left: 100%; top: 0; width: 20.2222222222rem; height: 24.1111111111rem; padding: 0.5555555556rem; background: #fff4e9; opacity: 0; pointer-events: none; -webkit-transform: translateX(-0.5555555556rem); -ms-transform: translateX(-0.5555555556rem); transform: translateX(-0.5555555556rem); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .main-menu__lvl-3 > h6 { margin: 0 0 0.6666666667rem; } .main-menu__lvl-3 ul { margin: 0; padding: 0; list-style: none; } .main-menu__lvl-3 ul li { margin-bottom: 0.6111111111rem; } .main-menu__lvl-3 ul li:last-child { margin-bottom: 0; } .main-menu__courses-item { position: relative; display: none; } .main-menu__courses-item > h6 { margin: 0 0 0.6666666667rem; } .main-menu__more { position: absolute; right: 0.5555555556rem; top: 0.5555555556rem; color: #c68642; } .main-menu:hover > .main-menu__dropdown { opacity: 1; pointer-events: all; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .mobile-menu { max-width: calc(100vw - 2.2222222222rem); } .mobile-menu__account { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5555555556rem; } .mobile-menu__account .button { width: 100%; } .mobile-menu__nav { margin: 1.6666666667rem 0; } .mobile-menu__nav .accordion { font-size: 0.8888888889rem; } .mobile-menu__nav .accordion-item { border: 0; background: none; } .mobile-menu__nav .accordion-header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -0.5555555556rem; margin-right: -0.5555555556rem; padding: 0 0.5555555556rem; border-radius: 0.2777777778rem; } .mobile-menu__nav .accordion-header > a { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #374957; padding: 0.5555555556rem 0; position: relative; } .mobile-menu__nav .accordion-header > a img { width: 0.8888888889rem; height: 0.8888888889rem; margin-right: 0.2777777778rem; -webkit-filter: saturate(0%) brightness(0%) invert(27.8431372549%) opacity(1); filter: saturate(0%) brightness(0%) invert(27.8431372549%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .mobile-menu__nav .accordion-header > a span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 1.3333333333rem; height: 1.3333333333rem; padding: 0 0.2777777778rem; font-size: 0.7777777778rem; font-weight: 500; background: #ff000d; border-radius: 1.3333333333rem; color: #fff; } .mobile-menu__nav .accordion-header > .accordion-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 2.2222222222rem; padding: 0; font-size: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-shadow: none; box-shadow: none; background: none; } .mobile-menu__nav .accordion-header > .accordion-button:after { margin: 0; content: ''; display: block; width: 0.5555555556rem; height: 0.5555555556rem; border-left: 0.1111111111rem solid #374957; border-top: 0.1111111111rem solid #374957; border-right: none; border-bottom: none; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .mobile-menu__nav .accordion-header > .accordion-button:not(.collapsed) { background: none; } .mobile-menu__nav .accordion-header > .accordion-button:not(.collapsed):after { -webkit-transform: rotate(-135deg) scale(-1); -ms-transform: rotate(-135deg) scale(-1); transform: rotate(-135deg) scale(-1); margin-top: 0.1666666667rem; } .mobile-menu__nav .accordion-header:active { background: #eee; } .mobile-menu__nav .accordion-collapse { padding-left: 1.3888888889rem; } .mobile-menu__contact { margin-top: 1.6666666667rem; } .mobile-menu__lang { margin-top: 1.6666666667rem; } .mobile-menu__lang .dropdown .dropdown-toggle { font-size: 0.8333333333rem; padding-top: 0.5555555556rem; padding-bottom: 0.5555555556rem; height: auto; } .mobile-menu__lang .dropdown .dropdown-item { font-size: 0.8333333333rem; } .page-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #2e2216; background-image: url('../images/page-header-bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 11.1111111111rem; color: #fff; } .page-header .container { position: relative; padding-left: 1.3888888889rem; } .page-header__title { margin: 0.5555555556rem 0 0; color: #fff; } @media (max-width: 767px) { .page-header__title { font-size: 1.3777777778rem; } } .page-header__img { position: absolute; right: 0.8333333333rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767px) { .page-header__img { display: none; } } .page-header.-sm { min-height: 5.5555555556rem; } .pagination { display: block; } .pagination ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.2222222222rem; padding: 0; margin: 0; list-style: none; } .pagination li span, .pagination li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 2.2222222222rem; height: 2.2222222222rem; border-radius: 0.2777777778rem; color: #374957; background: #ebedee; border: 0.0555555556rem solid #c3c8cd; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .pagination li span:hover, .pagination li a:hover { background: #c68642; border: 0.0555555556rem solid #c68642; color: #fff; } .pagination li.next, .pagination li.prev { font-size: 0; margin: 0; } .pagination li.next a:after, .pagination li.prev a:after { content: ''; display: inline-block; width: 0.8888888889rem; height: 0.8888888889rem; background-image: url('../images/icons/nav-arrow-right.svg'); background-size: 1.3333333333rem; background-position: center; background-repeat: no-repeat; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .pagination li.next a:hover::after, .pagination li.prev a:hover::after { -webkit-filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .pagination li.prev a:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .pagination li:hover a { background: #9f682c; border-color: #9f682c; color: #fff; } .pagination li.is-active a { background: #c68642; border-color: #c68642; color: #fff; } .pagination li.active { /* background: #c68642; border-color: #c68642; */ color: #fff; } .pagination li.is-disabled a, .pagination li .disabled a { opacity: 0.5; pointer-events: none; } .search-box { display: block; position: relative; width: 100%; } .search-box__input { width: 100%; height: 2.6666666667rem; padding: 0.6666666667rem 1.1111111111rem; padding-right: 3.3333333333rem; border: 0.0555555556rem solid #c3c8cd; border-radius: 0.2777777778rem; background: #ebedee; color: #000; outline: none; -webkit-transition: 0.2; -o-transition: 0.2; transition: 0.2; } .search-box__input::-webkit-input-placeholder { color: #738089; } .search-box__input::-moz-placeholder { color: #738089; } .search-box__input:-ms-input-placeholder { color: #738089; } .search-box__input::-ms-input-placeholder { color: #738089; } .search-box__input::placeholder { color: #738089; } .search-box__input:focus, .search-box__input:focus-visible { border-color: #c68642; } .search-box__btn { position: absolute; top: 0; right: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.8888888889rem; height: 2.6666666667rem; background: #e1e1e1; background: none; outline: none; border: 0; padding: 0; } .search-box__btn img { width: 1.3333333333rem; height: 1.3333333333rem; } .star-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 0rem; } .star-rating input { display: none; } .star-rating label { width: 1.8888888889rem; height: 1.3333333333rem; padding: 0 0.2777777778rem; background: url('../images/icons/orange-star-unfilled.svg') no-repeat center center; background-size: contain; cursor: pointer; } .star-rating input:checked ~ label { background: url('../images/icons/orange-star.svg') no-repeat center center; background-size: contain; } .star-rating input:checked ~ label ~ label { background: url('../images/icons/orange-star.svg') no-repeat center center; background-size: contain; } .star-rating label:hover, .star-rating label:hover ~ label { background: url('../images/icons/orange-star.svg') no-repeat center center; background-size: contain; } .nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 0.1111111111rem solid #d9d9d9; gap: 2.7777777778rem; } @media (max-width: 991px) { .nav-tabs { position: relative; display: block; overflow-x: auto; white-space: nowrap; max-width: calc(100% + 100vw - 19.1666666667rem); width: 100vw; padding-right: 1.1111111111rem; } } @media (max-width: 991px) { .nav-tabs .nav-item { display: inline-block; margin-right: 2.2222222222rem; } } .nav-tabs .nav-link { border: 0; color: #374957; padding: 0.8333333333rem 0; text-transform: uppercase; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; border-bottom: 0.2222222222rem solid rgba(0, 0, 0, 0); } .nav-tabs .nav-link:hover { color: #c68642; border-color: rgba(0, 0, 0, 0); } .nav-tabs .nav-link.active { color: #c68642; border-bottom: 0.2222222222rem solid #c68642; } .tab-content { margin-top: 1.7777777778rem; position: relative; } @media (max-width: 991px) { .tab-content .col-5, .tab-content .col-7 { width: 100%; } } .tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: #f8e8d7; border: 0.0555555556rem solid #d19e68; color: #374957; padding: 0.2222222222rem 0.5rem; min-height: 1.6666666667rem; border-radius: 0.2777777778rem; } .tag button { padding: 0 0.5rem; margin-left: 0.2777777778rem; margin-right: -0.2777777778rem; outline: none; border: 0; font-size: 0; background: url('../images/icons/cross.svg') center no-repeat; background-size: 0.4444444444rem 0.4444444444rem; } .testimonial-card { position: relative; border: 0.0555555556rem solid #c3c8cd; border-radius: 0.2777777778rem; -webkit-box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); padding: 2.7777777778rem; background: #fff url('../images/home/testimonial-card-bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 2.7777777778rem; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 767px) { .testimonial-card { padding: 1.1111111111rem; padding-bottom: 1.6666666667rem; } } .testimonial-card__img { position: relative; overflow: hidden; width: 11.1111111111rem; margin: auto; } .testimonial-card__img::before { content: ''; display: block; padding-top: 45%; } .testimonial-card__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .testimonial-card__title { margin-top: 0.2777777778rem; text-align: center; } .testimonial-card__title h6 { margin: 0; color: #000; } .testimonial-card__desc { max-height: 27.7777777778rem; overflow: hidden; margin-top: 0.8333333333rem; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 767px) { .testimonial-card__desc { font-size: 0.8888888889rem; } } .testimonial-card__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.2777777778rem; margin-top: 0.8333333333rem; } .testimonial-card__rating span { width: 1.1111111111rem; height: 1.1111111111rem; background: url('../images/icons/orange-star.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; } .testimonial-card__quote-icon { position: absolute; right: 1.9444444444rem; top: 1.7777777778rem; width: 2.7777777778rem; height: 2.7777777778rem; background-image: url('../images/icons/quote-right.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 767px) { .testimonial-card__quote-icon { top: 0.2777777778rem; right: 0.2777777778rem; width: 1.6666666667rem; height: 1.6666666667rem; } } .user-meta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.2777777778rem; } .user-meta img { width: 1rem; height: 1rem; background: #e3c3a1; border-radius: 1rem; padding: 0.2222222222rem; } .user-meta span { color: #4b5b68; } .category-page { margin-top: 1.7777777778rem; } @media (max-width: 991px) { .category-page > .container > .row > .col-3 { width: 100%; } } .category-page > .container > .row > .col-3 > .button { width: 100%; margin-bottom: 1.3333333333rem; display: none; } @media (max-width: 991px) { .category-page > .container > .row > .col-3 > .button { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 991px) { .category-page > .container > .row > .col-9 { width: 100%; } } .course-listing { margin-top: 1.0555555556rem; } .course-listing .col-4 { margin-bottom: 1.3333333333rem; } @media (max-width: 1199px) { .course-listing .col-4 { width: 50%; } } @media (max-width: 767px) { .course-listing .col-4 { width: 100%; } } @media (min-width: 768px) { .course-listing.is-list-type .col-4 { width: 100%; } .course-listing.is-list-type .course-card > a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.7777777778rem; min-height: 13.1666666667rem; } .course-listing.is-list-type .course-card__img { width: 15.3333333333rem; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 0.2777777778rem; } .course-listing.is-list-type .course-card__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0; } .course-listing.is-list-type .course-card__title h6 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 1.1111111111rem; height: auto; } .course-listing.is-list-type .course-card__desc { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .course-listing.is-list-type .course-card__meta { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .course-listing.is-list-type .course-card__rating { margin-left: 2.7777777778rem; } .course-listing.is-list-type .course-card__action { left: 305px; right: 28px; } } .filter-checkbox-list { margin: 0 0 0.2222222222rem; padding: 0; list-style: none; } .filter-checkbox-list li { margin: 0.5555555556rem 0; } .filter-display { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.1111111111rem; } @media (max-width: 767px) { .filter-display label { display: none; } } .filter-display div { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 1.1111111111rem; } @media (max-width: 767px) { .filter-display div { gap: 0.5555555556rem; } } .filter-display button { width: 2.6666666667rem; height: 2.6666666667rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0.2777777778rem; outline: none; border: 0; font-size: 0; padding: 0; background: #c68642; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } @media (max-width: 767px) { .filter-display button { width: 2.5555555556rem; height: 2.5555555556rem; } } .filter-display button img { -webkit-filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); width: 1.3333333333rem; height: 1.3333333333rem; } .filter-display button:hover { background: #9f682c; } .filter-display button.is-active { background: #ebedee; cursor: default; pointer-events: none; } .filter-display button.is-active img { -webkit-filter: saturate(0%) brightness(0%) invert(27.8431372549%) opacity(1); filter: saturate(0%) brightness(0%) invert(27.8431372549%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .filter-listing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .filter-listing { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .filter-radio-list { margin: 0 0 -0.1666666667rem; padding: 0; list-style: none; } .filter-radio-list li { margin: 0.5555555556rem 0; } .filter-show-more-btn { margin-top: -0.2222222222rem; margin-bottom: 0.3888888889rem; } .filter-show-more-btn a, .filter-show-more-btn button { outline: none; border: 0; color: #c68642; text-transform: uppercase; background: none; padding-left: 0; } .filter-show-more-btn a img, .filter-show-more-btn button img { width: 1.1111111111rem; height: 1.1111111111rem; display: inline-block; vertical-align: middle; margin-top: -0.1666666667rem; margin-left: 0.3333333333rem; -webkit-filter: saturate(0%) brightness(0%) invert(51.7647058824%) opacity(1); filter: saturate(0%) brightness(0%) invert(51.7647058824%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } @media (max-width: 991px) { .filter-sidebar { display: none; } } .filter-sidebar .box-module { margin-bottom: 1.1111111111rem; } .filter-sidebar.show { display: block !important; } .filter-sort { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5555555556rem; } @media (max-width: 767px) { .filter-sort label { display: none; } } .filter-sort .dropdown { min-width: 10.4444444444rem; color: #374957; } .filter-sort .dropdown-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2.5555555556rem; border: 1px solid #e4e4e4; border-radius: 0.2777777778rem; color: #374957; width: 100%; position: relative; padding-left: 1.3888888889rem; padding-right: 2.3333333333rem; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .filter-sort .dropdown-toggle:after { position: absolute; right: 0.5555555556rem; top: 50%; width: 1.3333333333rem; height: 1.3333333333rem; background-image: url('../images/icons/nav-arrow-right.svg'); background-size: 1.3333333333rem 1.3333333333rem; background-position: center; border: 0; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); margin: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .filter-sort .dropdown-toggle.show::after { -webkit-transform: translateY(-50%) rotate(90deg) scale(-1); -ms-transform: translateY(-50%) rotate(90deg) scale(-1); transform: translateY(-50%) rotate(90deg) scale(-1); } .filter-sort .dropdown-toggle:hover { border-color: #c68642; } .filter-sort .dropdown-menu { min-width: 100%; } .filter-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5555555556rem; padding: 0.5555555556rem 0; } .nav-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1.1111111111rem; color: #738089; border-top: 0.0555555556rem solid #d2d5da; margin-top: -0.2777777778rem; padding: 1.1111111111rem 0; } @media (max-width: 767px) { .nav-footer { display: block; text-align: center; } } .nav-footer p { margin: 0; } @media (max-width: 767px) { .nav-footer p { margin-bottom: 1.1111111111rem; } } .comment-form { margin-top: 2.3333333333rem; } .comment-form > h6 { margin: 0; } .comment-form__log-in { margin-top: 0.0555555556rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comment-form__log-in > a { color: #c68642; text-decoration: underline; } .comment-form__log-in .user-meta { margin-left: 1.3333333333rem; } .comment-form__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1.2222222222rem; } .comment-form__rating > p { margin: 0; } .comment-form__rating .star-rating { margin-left: 0.2777777778rem; } .comment-form__content { margin-top: 1.1111111111rem; } .comment-form__content textarea { border: 1.5px solid #e4e4e4; border-radius: 0.2777777778rem; padding: 0.4444444444rem 1.2222222222rem; width: 100%; min-height: 8.3333333333rem; } .comment-form__submit { margin-top: 0.7777777778rem; } .comment-form__submit .button { padding-left: 1.3888888889rem; padding-right: 1.3888888889rem; } .course-detail-body { padding-top: 1.8333333333rem; padding-bottom: 2.7777777778rem; } @media (max-width: 991px) { .course-detail-body > .container > .row > .col-8, .course-detail-body > .container > .row > .col-4 { width: 100%; } } .course-detail-body > .container > .row > .col-4 { margin-top: 1.6666666667rem; } .course-detail-header { background: #ebedee url('../images/course/course-detail-header-bg.jpg') no-repeat center; background-size: cover; padding: 2.7777777778rem 0; } @media (max-width: 991px) { .course-detail-header > .container > .row > .col-8, .course-detail-header > .container > .row > .col-4 { width: 100%; } } .course-detail-header > .container > .row > .col-4 { margin-top: 1.6666666667rem; position: relative; } .course-overview__academy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.1111111111rem; } .course-overview__academy-logo { position: relative; overflow: hidden; width: 4rem; height: 4rem; -ms-flex-negative: 0; flex-shrink: 0; } .course-overview__academy-logo::before { content: ''; display: block; padding-top: 100%; } .course-overview__academy-logo img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .course-overview__academy-name { margin: 0; color: #000; } .course-overview__academy-check { display: inline-block; width: 1.1111111111rem; height: 1.1111111111rem; margin-left: 0.1666666667rem; background: url(../images/icons/orange-check.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } .course-overview__title { margin-top: 1.1666666667rem; } .course-overview__title h1 { color: #000; margin: 0; } .course-overview__desc { margin-top: 1.0555555556rem; max-width: 40.7777777778rem; } .course-overview__meta { margin: 1.1111111111rem 0 0; max-width: 38.7777777778rem; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; padding: 0.5555555556rem 1.1111111111rem; border-radius: 0.2777777778rem; gap: 0.5555555556rem; } .course-overview__meta li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30.33%; gap: 0.5rem; padding: 0.2777777778rem 0.5555555556rem; min-height: 1.9444444444rem; } @media (max-width: 1199px) { .course-overview__meta li { width: 45%; } } @media (max-width: 767px) { .course-overview__meta li { width: 100%; } } .course-overview__meta li img { width: 0.8888888889rem; height: 0.8888888889rem; } .course-overview__target { margin-top: 1.1111111111rem; max-width: 38.7777777778rem; background: #fff; padding: 0.5555555556rem 1.1111111111rem; border-radius: 0.2777777778rem; } .course-overview__target-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5555555556rem; } .course-overview__target-title img { -ms-flex-negative: 0; flex-shrink: 0; width: 1.3333333333rem; height: 1.3333333333rem; } .course-overview__target-title h6 { margin: 0; color: #392919; } .course-overview__target-desc { margin-top: 0.5555555556rem; } .course-program .accordion .accordion-item { border: 0.0555555556rem solid #c3c8cd; border-radius: 0.2777777778rem; overflow: hidden; margin-bottom: 0.5555555556rem; color: #374957; } .course-program .accordion .accordion-button { padding: 0.7777777778rem 1.1111111111rem; padding-right: 2.7777777778rem; background: #fff; -webkit-box-shadow: none !important; box-shadow: none !important; color: #374957; } @media (max-width: 767px) { .course-program .accordion .accordion-button { font-size: 1.1111111111rem; } } .course-program .accordion .accordion-button:before, .course-program .accordion .accordion-button:after { content: ''; position: absolute; right: 0.8333333333rem; top: 50%; display: inline-block; width: 1.3333333333rem; height: 0.1111111111rem; background: #9ba4ab; border-radius: 0.2777777778rem; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; } .course-program .accordion .accordion-button::before, .course-program .accordion .accordion-button::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .course-program .accordion .accordion-button.collapsed::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .course-program .accordion .accordion-button.collapsed::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .course-program .accordion .accordion-button:hover { color: #c68642; } .course-program .accordion .accordion-body { padding: 0 1.0555555556rem 1.2777777778rem; margin-top: -0.2777777778rem; max-height: 19.4444444444rem; overflow: auto; } .course-sidebox { border: 0.1111111111rem solid #392919; border-radius: 0.5555555556rem; padding: 1.1111111111rem; background: #fff; } @media (max-width: 991px) { .course-sidebox { position: fixed !important; bottom: 0 !important; width: 100%; left: 0; border-radius: 0; border: 0; z-index: 1; -webkit-box-shadow: 0 -0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); box-shadow: 0 -0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); } } @media (max-width: 767px) { .course-sidebox { padding-top: 0.5555555556rem; padding-bottom: 0.5555555556rem; } } .course-sidebox__cover { text-align: center; } @media (max-width: 991px) { .course-sidebox__cover { display: none; } } .course-sidebox__cover p { margin: 0; } .course-sidebox__cover-img { position: relative; overflow: hidden; border-radius: 0.2777777778rem; } .course-sidebox__cover-img::before { content: ''; display: block; /* padding-top: 54.4041450777%;*/ } .course-sidebox__cover-img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .course-sidebox__price { margin-top: 1.1111111111rem; } @media (max-width: 991px) { .course-sidebox__price { margin: 0; } } .course-sidebox__price.-free span { color: #887f75; } .course-sidebox__price span { color: #c68642; } .course-sidebox__price span.-old-price { text-decoration: line-through; color: #738089; margin-left: 0.5555555556rem; position: relative; top: -0.0555555556rem; } @media (max-width: 991px) { .course-sidebox__student { display: none; } } .course-sidebox__action { margin-top: 0.5555555556rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5555555556rem; } @media (max-width: 991px) { .course-sidebox__action { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .course-sidebox__action .button { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media (max-width: 767px) { .course-sidebox__action .button { height: 2rem; } } @media (max-width: 767px) { .course-sidebox__action .button.-outline { font-size: 0; width: 3.1111111111rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .course-sidebox__action .button.-outline img { margin-left: 0.2222222222rem; } } .course-sidebox.is-sticky { position: fixed; top: 0rem; } .course-sidebox.is-at-bottom { position: absolute; } .course-tabs { max-width: 45.3333333333rem; } .course-tabs .tab-content { margin-top: 2.2222222222rem; } .course-tabs .tab-pane > h6 { margin-bottom: 1.1111111111rem; } .program-badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 2px solid #ccc; font-size: 0.5555555556rem; font-weight: 700; text-transform: uppercase; min-height: 1.1111111111rem; border-radius: 0.2777777778rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.1111111111rem 0.2222222222rem; gap: 0.2222222222rem; } .program-badge img { -ms-flex-negative: 0; flex-shrink: 0; max-width: 0.5555555556rem; max-height: 0.5555555556rem; width: auto; height: auto; } .program-badge.-blue { color: #4870e5; border-color: #4870e5; background: #d7e1ff; } .program-badge.-blue img { -webkit-filter: saturate(0%) brightness(0%) invert(59.0196078431%) opacity(1); filter: saturate(0%) brightness(0%) invert(59.0196078431%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .program-badge.-purple { color: #9747ff; border-color: #9747ff; background: #dfc6ff; } .program-badge.-purple img { -webkit-filter: saturate(0%) brightness(0%) invert(63.9215686275%) opacity(1); filter: saturate(0%) brightness(0%) invert(63.9215686275%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .program-badge.-green { color: #6db614; border-color: #6db614; background: #e5ffe5; } .program-badge.-green img { -webkit-filter: saturate(0%) brightness(0%) invert(39.6078431373%) opacity(1); filter: saturate(0%) brightness(0%) invert(39.6078431373%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .program-badge.-red { color: #f91225; border-color: #f91225; background: #f6d2d3; } .program-badge.-red img { -webkit-filter: saturate(0%) brightness(0%) invert(52.3529411765%) opacity(1); filter: saturate(0%) brightness(0%) invert(52.3529411765%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .program-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0.5555555556rem; } @media (max-width: 767px) { .program-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.1111111111rem; } } .program-item:last-child { margin-bottom: 0; } .program-item__type { min-width: 4.4444444444rem; margin-right: 0.5555555556rem; } @media (max-width: 767px) { .program-item__type { margin-bottom: 0.2777777778rem; } } .program-item__title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .program-item__time { -ms-flex-negative: 0; flex-shrink: 0; } .program-list { background: #f0f0f0; padding: 1.1111111111rem; } .articles-section { padding-top: 1.1111111111rem; padding-bottom: 3rem; } .articles-section__title h3 { margin: 0; color: #000; } .articles-section__title h4 { margin: 0; color: #000; } .articles-section__grid { margin-top: 0.5555555556rem; } @media (max-width: 991px) { .articles-section__col { width: 50%; } .articles-section__col:last-child { width: 100%; margin-top: 1.3333333333rem; } } @media (max-width: 767px) { .articles-section__col { width: 100%; margin-top: 1.3333333333rem; } } .articles-section__more { margin-top: 1.3333333333rem; } .articles-section__more .button { width: 100%; } .articles-section .article-card.-mini + .article-card.-mini { margin-top: 1.3333333333rem; } .categories-section { padding-top: 2.8888888889rem; padding-bottom: 2.7777777778rem; } .categories-section__title h3 { margin: 0; color: #000; } .categories-section__title h4 { margin: 0; color: #000; } .categories-section__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.3333333333rem; margin-top: 0.5555555556rem; } .categories-section__cell { width: calc(33.3333333333% - 0.8888888889rem); } @media (max-width: 991px) { .categories-section__cell { width: calc(50% - 0.6666666667rem); } } @media (max-width: 767px) { .categories-section__cell { width: 100%; } } .categories-section__more { height: 100%; } .categories-section__more a { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.6666666667rem 1.3888888889rem; border: 0.0555555556rem solid #ebedee; border-radius: 0.2777777778rem; color: #374957; } .categories-section__more a img { position: absolute; right: 1.3888888889rem; width: 1.3333333333rem; height: 1.3333333333rem; } .faq-section { padding-top: 4.4444444444rem; padding-bottom: 5rem; background: #fff url('../images/home/faq-section-bg.jpg'); background-position: center bottom; background-repeat: no-repeat; } .faq-section__title { text-align: center; } .faq-section__title h3 { margin: 0; color: #000; } .faq-section__title h4 { margin: 0; color: #000; } .faq-section__list { margin-top: 1.6666666667rem; } @media (max-width: 991px) { .faq-section__list .col-6 { width: 100%; } } .faq-section__more { margin-top: 0.4444444444rem; text-align: center; } .faq-section__more .button { padding: 0rem 1rem; min-width: 12.3888888889rem; } .faq-section .accordion-item { border: 0.0555555556rem solid #c3c8cd; border-radius: 0.2777777778rem; -webkit-box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); overflow: hidden; margin-bottom: 1.3333333333rem; color: #374957; } .faq-section .accordion-button { padding: 1rem 1.0555555556rem; padding-right: 2.7777777778rem; background: #fff; -webkit-box-shadow: none !important; box-shadow: none !important; color: #374957; } @media (max-width: 767px) { .faq-section .accordion-button { font-size: 1.1111111111rem; } } .faq-section .accordion-button:before, .faq-section .accordion-button:after { content: ''; position: absolute; right: 0.8333333333rem; top: 50%; display: inline-block; width: 1.3333333333rem; height: 0.1111111111rem; background: #374957; border-radius: 0.2777777778rem; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; } .faq-section .accordion-button::before, .faq-section .accordion-button::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .faq-section .accordion-button.collapsed::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .faq-section .accordion-button.collapsed::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .faq-section .accordion-button:hover { color: #c68642; } .faq-section .accordion-body { padding: 0 1.0555555556rem 1.2777777778rem; margin-top: -0.2777777778rem; max-height: 19.4444444444rem; overflow: auto; } .hero-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 39.1111111111rem; background: #342417; background-image: url('../images/home/hero-banner-bg.png'); background-size: cover; background-position: center bottom; background-repeat: no-repeat; color: #fff; position: relative; } @media (max-width: 991px) { .hero-banner { height: auto; padding: 2.7777777778rem 0; } } .hero-banner .container { padding: 0rem 1.6666666667rem; } @media (max-width: 991px) { .hero-banner .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0; } } @media (max-width: 767px) { .hero-banner .container { padding: 0 1.1111111111rem; } } .hero-banner__img { position: absolute; left: 50%; top: 50%; margin-left: 5.2777777778rem; margin-top: -13.3333333333rem; width: 38.1666666667rem; } @media (max-width: 1199px) { .hero-banner__img { margin-top: -4.4444444444rem; width: 27.7777777778rem; } } @media (max-width: 991px) { .hero-banner__img { position: relative; left: 0; top: 0; margin: 1.6666666667rem 0 0; width: 100%; } } .hero-banner__img img { width: 100%; } .hero-banner__certificate { position: absolute; left: 50%; top: 50%; margin-left: 28.0555555556rem; margin-top: -16.1666666667rem; width: 9.6666666667rem; } @media (max-width: 1199px) { .hero-banner__certificate { margin-left: 19.7222222222rem; margin-top: -9.4444444444rem; left: 59%; top: 4%; } } @media (max-width: 991px) { .hero-banner__certificate { margin: 0; } } @media (max-width: 767px) { .hero-banner__certificate { width: 6.6666666667rem; } } .hero-banner__certificate img { width: 100%; } .hero-banner__content { margin-top: -4.7222222222rem; z-index: 1; position: relative; } @media (max-width: 991px) { .hero-banner__content { margin: 1.6666666667rem 0 0; } } .hero-banner__content h1 { margin-top: 0; margin-bottom: 1rem; color: #c68642; } @media (max-width: 767px) { .hero-banner__content h1 { font-size: 2.8888888889rem; } } .hero-banner__content h3, .hero-banner__content p { margin: 0; font-weight: 300; } .hero-banner__content h3 { margin-bottom: 0.5555555556rem; } @media (max-width: 767px) { .hero-banner__content h3 { font-size: 2rem; } } .hero-banner__content p { max-width: 31.3888888889rem; } .hero-banner__content .button { margin-top: 1.3333333333rem; padding: 0 1.5555555556rem; } .lecturer-section { padding-top: 4.8888888889rem; padding-bottom: 3.7777777778rem; } .lecturer-section__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 767px) { .lecturer-section__header { display: block; } } .lecturer-section__header h3 { margin: 0; color: #000; -ms-flex-negative: 0; flex-shrink: 0; } .lecturer-section__header h4 { margin: 0; color: #000; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .lecturer-section__header h3 br { display: none; } } .lecturer-section__header p { -ms-flex-negative: 1; flex-shrink: 1; max-width: 29.6111111111rem; text-align: right; margin: 0; } @media (max-width: 1199px) { .lecturer-section__header p { max-width: 22.2222222222rem; } .lecturer-section__header p br { display: none; } } @media (max-width: 767px) { .lecturer-section__header p { text-align: left; margin-top: 0.5555555556rem; } } .lecturer-section__list { margin-top: 2.8333333333rem; white-space: nowrap; width: 100vw; position: relative; left: 50%; margin-left: -50vw; } @media (max-width: 767px) { .lecturer-section__list { width: 100%; margin: 2.7777777778rem auto 1.1111111111rem; left: 0; } } .lecturer-section__list .flickity-viewport { overflow: visible; } .lecturer-section__list .flickity-viewport:before, .lecturer-section__list .flickity-viewport:after { content: ''; display: block; position: absolute; right: 0; bottom: 0; top: 0; /*width: 17.2777777778rem; */ width: 1.2777777778rem; background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, rgb(255, 255, 255)), to(rgb(255, 255, 255)) ); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%); z-index: 1; } @media (max-width: 1199px) { .lecturer-section__list .flickity-viewport:before, .lecturer-section__list .flickity-viewport:after { width: 5.5555555556rem; } } @media (max-width: 767px) { .lecturer-section__list .flickity-viewport:before, .lecturer-section__list .flickity-viewport:after { display: none; } } .lecturer-section__list .flickity-viewport:before { left: 0; right: auto; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .lecturer-section__list .flickity-prev-next-button { display: none; } .lecturer-section__list .flickity-page-dots { /* display: none; */ } .lecturer-section__cell { display: inline-block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 17.2777777778rem; margin-right: 1.3333333333rem; white-space: normal; } @media (max-width: 767px) { .lecturer-section__cell { width: 16.1111111111rem; } } .lecturer-section__more { margin-top: 1.5555555556rem; text-align: center; } .lecturer-section__more .button { padding: 0rem 1rem; } .ongoing-course-card { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1.6666666667rem; background: #fff; border: 0.0555555556rem solid #c3c8cd; border-radius: 0.2777777778rem; } @media (max-width: 991px) { .ongoing-course-card { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .ongoing-course-card__current { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.3888888889rem; width: 31.6666666667rem; border-right: 0.0555555556rem solid #9f9eab; padding-right: 1.3888888889rem; } @media (max-width: 991px) { .ongoing-course-card__current { width: 100%; border-right: 0; border-bottom: 0.0555555556rem solid #9f9eab; padding-right: 0; padding-bottom: 1.6666666667rem; } } @media (max-width: 767px) { .ongoing-course-card__current { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .ongoing-course-card__img { position: relative; overflow: hidden; width: 9.4444444444rem; margin-top: -0.2777777778rem; margin-bottom: -0.2777777778rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 0.2777777778rem; } .ongoing-course-card__img::before { content: ''; display: block; padding-top: 100%; } .ongoing-course-card__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ongoing-course-card__title h6 { margin: 0.1666666667rem 0 0; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ongoing-course-card__author { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.2777777778rem; margin-top: 0.7777777778rem; } .ongoing-course-card__author img { width: 1rem; height: 1rem; background: #e3c3a1; border-radius: 1rem; padding: 0.2222222222rem; } .ongoing-course-card__author span { color: #4b5b68; } .ongoing-course-card__progress { margin-top: 0.5555555556rem; } .ongoing-course-card__progress .progress { height: 0.4444444444rem; background: #ebedee; } .ongoing-course-card__progress .progress .progress-bar { background: #c68642; border-radius: 0.2777777778rem; } .ongoing-course-card__progress-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5555555556rem; margin-top: 0.8888888889rem; color: #374957; } .ongoing-course-card__progress-detail img { width: 1rem; height: 1rem; } .ongoing-course-card__progress-detail p { margin: 0; font-size: 0.6666666667rem; } .ongoing-course-card__progress-detail span { font-size: 0.6666666667rem; display: inline-block; font-weight: 700; margin-left: 0.4444444444rem; } .ongoing-course-card__next { padding-left: 1.3888888889rem; width: 29.6296296296%; } @media (max-width: 991px) { .ongoing-course-card__next { width: 100%; padding-left: 0; padding-top: 1.1111111111rem; } } .ongoing-course-card__next-title { margin: 0; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ongoing-course-card__next-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5555555556rem; margin-top: 0.7222222222rem; } .ongoing-course-card__action { width: 100%; margin-top: 0.4444444444rem; } @media (max-width: 991px) { .ongoing-course-card__action { margin-top: 0.8333333333rem; } } .ongoing-course-card__action .button { width: 100%; height: 2.0555555556rem; } .ongoing-course-note { padding: 1.4444444444rem 2rem; background: #fff; border: 0.0555555556rem solid #c3c8cd; border-radius: 0.2777777778rem; } .ongoing-course-note img { width: 1.3333333333rem; height: 1.3333333333rem; margin-bottom: 0.4444444444rem; } .ongoing-course-note b { font-weight: 700; } .ongoing-courses { padding-top: 3.3888888889rem; padding-bottom: 3.6111111111rem; background: #ebedee; } .ongoing-courses__title { margin: 0 0 0.8888888889rem; } .ongoing-courses__title h4 { margin: 0; } @media (max-width: 1199px) { .ongoing-courses .col-8, .ongoing-courses .col-4 { width: 100%; } } @media (max-width: 1199px) { .ongoing-courses .col-4 { margin-top: 1.6666666667rem; } } @media (max-width: 991px) { .partner-courses { margin-top: 2.2222222222rem; } } .partner-courses__title h6 { margin: 0.3888888889rem 0 0; color: #000; } .partner-courses__list { margin-top: 1.5555555556rem; white-space: nowrap; width: calc(50vw + 5.5555555556rem); position: static; } @media (max-width: 991px) { .partner-courses__list { width: 100%; } } .partner-courses__list .flickity-viewport { position: relative; } @media (max-width: 991px) { .partner-courses__list .flickity-viewport { overflow: visible; } } .partner-courses__list .flickity-viewport:after { content: ''; display: block; position: absolute; right: 0; bottom: 0; top: 0; width: 11.3333333333rem; background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0.9)), to(rgb(255, 255, 255)) ); background: -o-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 70%, rgb(255, 255, 255) 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 70%, rgb(255, 255, 255) 100% ); } @media (max-width: 991px) { .partner-courses__list .flickity-viewport:after { display: none; } } .partner-courses__list .flickity-page-dots { display: none; } @media (max-width: 991px) { .partner-courses__list .flickity-page-dots { display: block; } } .partner-courses__list .flickity-prev-next-button { position: absolute; left: 0; bottom: 0; top: auto; right: auto; } @media (max-width: 991px) { .partner-courses__list .flickity-prev-next-button { display: none; } } .partner-courses__list .flickity-prev-next-button.next { left: 3.5rem; } .partner-courses__cell { display: inline-block; width: 17.2222222222rem; margin-right: 1.4444444444rem; padding-bottom: 0.5555555556rem; } @media (max-width: 767px) { .partner-courses__cell { width: 16.1111111111rem; } } .partners-course-intro__title h4 { margin: 0; color: #000; } .partners-course-intro__sub-title { margin-top: 0.6666666667rem; } .partners-course-intro__sub-title span { display: inline-block; padding: 0.1666666667rem 0.5555555556rem; color: #128244; font-size: 0.5555555556rem; background: #c4f3d9; border-radius: 0.2777777778rem; font-weight: 700; } .partners-course-intro__desc { max-width: 22.3333333333rem; color: #374957; margin-top: 0.6666666667rem; } @media (max-width: 991px) { .partners-course-intro__desc { max-width: 100%; } } .partners-section { /* padding-top: 5rem; */ padding-bottom: 2.4444444444rem; background: #fff url('../images/home/partners-bg.png'); background-repeat: no-repeat; background-position: left bottom; } @media (max-width: 767px) { .partners-section { padding-top: 3.3333333333rem; } } .partners-section__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 991px) { .partners-section__header { display: block; text-align: center; } } @media (max-width: 767px) { .partners-section__header { text-align: left; } } .partners-section__header h3 { -ms-flex-negative: 0; flex-shrink: 0; margin: 0; color: #000; } .partners-section__header h4 { -ms-flex-negative: 0; flex-shrink: 0; margin: 0; color: #000; } .partners-section__header p { -ms-flex-negative: 1; flex-shrink: 1; max-width: 29.6111111111rem; text-align: right; margin: 0; } @media (max-width: 991px) { .partners-section__header p { text-align: center; margin: auto; margin-top: 0.5555555556rem; } } @media (max-width: 767px) { .partners-section__header p { text-align: left; } } @media (max-width: 767px) { .partners-section__header br { display: none; } } .partners-section__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; gap: 0.101010101rem; margin-top: 1.5rem; } @media (max-width: 991px) { .partners-section__list { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .partners-section__list img { width: 15.1515151515%; } @media (max-width: 991px) { .partners-section__list img { width: 11.1111111111rem; } } @media (max-width: 767px) { .partners-section__list img { width: 45%; } } .partners-section__sub-title { margin-top: 5rem; } .partners-section__sub-title h4 { margin: 0; color: #000; } .partners-section__course { margin-top: 0.8333333333rem; } .partners-section__course .nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 0.1111111111rem solid #d9d9d9; gap: 2.7777777778rem; } @media (max-width: 991px) { .partners-section__course .nav-tabs { position: relative; display: block; overflow-x: auto; white-space: nowrap; max-width: calc(100% + 100vw - 19.1666666667rem); width: 100vw; padding-right: 1.1111111111rem; } } @media (max-width: 991px) { .partners-section__course .nav-item { display: inline-block; margin-right: 2.2222222222rem; } } .partners-section__course .nav-link { border: 0; color: #374957; padding: 0.8333333333rem 0; text-transform: uppercase; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; border-bottom: 0.2222222222rem solid rgba(0, 0, 0, 0); } .partners-section__course .nav-link:hover { color: #c68642; border-color: rgba(0, 0, 0, 0); } .partners-section__course .nav-link.active { color: #c68642; border-bottom: 0.2222222222rem solid #c68642; } .partners-section__course .tab-content { margin-top: 1.7777777778rem; position: relative; } @media (max-width: 991px) { .partners-section__course .tab-content .col-5, .partners-section__course .tab-content .col-7 { width: 100%; } } .subcribe-section { padding: 3.3333333333rem 0; background: #392919 url('../images/home/subcribe-bg.jpg'); background-repeat: repeat-x; background-position: center bottom; color: #fff; } .subcribe-section .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1199px) { .subcribe-section .container { -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } } @media (max-width: 1199px) { .subcribe-section__title { width: 100%; } } .subcribe-section__title h4 { margin: 0; } @media (max-width: 767px) { .subcribe-section__title h4 { font-size: 1.3333333333rem; } } .subcribe-section__content { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; gap: 2rem; } @media (max-width: 1199px) { .subcribe-section__content { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .subcribe-section__action { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 1.1111111111rem; } @media (max-width: 1199px) { .subcribe-section__action { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.6666666667rem; } } .subcribe-section__action .button { min-width: 7.7777777778rem; } .testimonials-section { padding-top: 4.7777777778rem; padding-bottom: 4.4444444444rem; background: #fff8f0; } @media (max-width: 1199px) { .testimonials-section__title { text-align: center; } } .testimonials-section__title h3 { margin: 0; color: #000; } .testimonials-section__title h4 { margin: 0; color: #000; } .testimonials-section__list { margin-top: 0.5555555556rem; white-space: nowrap; position: relative; height: 20.6666666667rem; } @media (max-width: 1199px) { .testimonials-section__list { margin-top: 3.8888888889rem; } } @media (max-width: 767px) { .testimonials-section__list { height: auto; } } .testimonials-section__list .flickity-viewport { overflow: visible; } @media (min-width: 768px) { .testimonials-section__list .flickity-slider { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } } .testimonials-section__list .flickity-prev-next-button { right: 0; left: auto; top: -2.2222222222rem; } @media (max-width: 1199px) { .testimonials-section__list .flickity-prev-next-button { right: 50%; } } .testimonials-section__list .flickity-prev-next-button.previous { margin-right: 3.5rem; } @media (max-width: 1199px) { .testimonials-section__list .flickity-prev-next-button.previous { margin-right: 0.5555555556rem; } } @media (max-width: 1199px) { .testimonials-section__list .flickity-prev-next-button.next { margin-right: -3.2222222222rem; } } @media (min-width: 768px) { .testimonials-section__cell { position: relative; display: inline-block; width: 100%; min-height: 100%; white-space: normal; left: 50% !important; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-align: center; } .testimonials-section__cell .testimonial-card { width: 35.2222222222rem; display: inline-block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .testimonials-section__cell .testimonial-card__desc { max-height: 0; opacity: 1; } .testimonials-section__cell.is-selected { opacity: 1; z-index: 2; } .testimonials-section__cell.is-selected .testimonial-card { width: 35.2222222222rem; } } @media (min-width: 768px) and (max-width: 767px) { .testimonials-section__cell.is-selected .testimonial-card { width: 17.7777777778rem; } } @media (min-width: 768px) { .testimonials-section__cell.is-selected .testimonial-card__desc { max-height: 27.7777777778rem; opacity: 1; } } @media (min-width: 768px) { .testimonials-section__cell.next-cell, .testimonials-section__cell.prev-cell { opacity: 1; z-index: 1; } .testimonials-section__cell.next-cell .testimonial-card, .testimonials-section__cell.prev-cell .testimonial-card { width: 17.3888888889rem; } .testimonials-section__cell.next-cell .testimonial-card__quote-icon, .testimonials-section__cell.prev-cell .testimonial-card__quote-icon { opacity: 0; } .testimonials-section__cell.next-cell .testimonial-card__desc, .testimonials-section__cell.prev-cell .testimonial-card__desc { opacity: 0; } } @media (min-width: 768px) { .testimonials-section__cell.next-cell { left: 88% !important; } } @media (min-width: 768px) { .testimonials-section__cell.prev-cell { left: 12% !important; } } @media (max-width: 767px) { .testimonials-section__cell { width: 16.1111111111rem; white-space: normal; margin: 0 0.5555555556rem; } .testimonials-section__cell .testimonial-card { width: 100%; } .testimonials-section__cell .testimonial-card .testimonial-card__desc { max-height: none; opacity: 1; } } .lession-checklist-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0.7777777778rem 1.1111111111rem; width: 100%; } .lession-checklist-item__left { width: 1.7777777778rem; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; padding-top: 0.2222222222rem; } .lession-checklist-item__left .custom-checkbox label { display: block; } .lession-checklist-item__left .custom-checkbox span { margin: 0; } .lession-checklist-item__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 0.8333333333rem; } .lession-checklist-item__content > p { margin: 0; } .lession-checklist-item__content > div { font-size: 0.5555555556rem; font-weight: 300; margin-top: 0.2222222222rem; } .lession-checklist-item__content > div img { width: 0.6666666667rem; height: 0.6666666667rem; margin-right: 0.2777777778rem; } .lession-checklist-item__right { -ms-flex-negative: 0; flex-shrink: 0; margin-right: -0.3888888889rem; } .lession-checklist-item__tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 2px solid #ccc; font-size: 0.5555555556rem; font-weight: 700; text-transform: uppercase; min-height: 1.1111111111rem; border-radius: 0.2777777778rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.1111111111rem 0.2222222222rem; gap: 0.2222222222rem; } .lession-checklist-item__tag img { -ms-flex-negative: 0; flex-shrink: 0; } .lession-checklist-item__tag.-blue { color: #4870e5; border-color: #4870e5; background: #d7e1ff; } .lession-checklist-item__tag.-blue img { -webkit-filter: saturate(0%) brightness(0%) invert(59.0196078431%) opacity(1); filter: saturate(0%) brightness(0%) invert(59.0196078431%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .lession-checklist-item__tag.-purple { color: #9747ff; border-color: #9747ff; background: #dfc6ff; } .lession-checklist-item__tag.-purple img { -webkit-filter: saturate(0%) brightness(0%) invert(63.9215686275%) opacity(1); filter: saturate(0%) brightness(0%) invert(63.9215686275%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .lession-checklist-item__tag.-green { color: #6db614; border-color: #6db614; background: #e5ffe5; } .lession-checklist-item__tag.-green img { -webkit-filter: saturate(0%) brightness(0%) invert(39.6078431373%) opacity(1); filter: saturate(0%) brightness(0%) invert(39.6078431373%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .lession-checklist-item__tag.-red { color: #f91225; border-color: #f91225; background: #f6d2d3; } .lession-checklist-item__tag.-red img { -webkit-filter: saturate(0%) brightness(0%) invert(52.3529411765%) opacity(1); filter: saturate(0%) brightness(0%) invert(52.3529411765%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .lession-header { background: #392919; color: #fff; position: relative; padding: 0.5555555556rem 1.1111111111rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .lession-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { .lession-header { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1.1111111111rem 0.5555555556rem; } } .lession-header__logo { width: 15rem; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .lession-header__logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .lession-header__logo img { -webkit-filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); width: 13.9444444444rem; } .lession-header__title { display: block; text-align: center; color: #fff; margin-left: -0.8333333333rem; } @media (max-width: 991px) { .lession-header__title { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 0.5555555556rem; margin-bottom: 0.5555555556rem; margin-left: auto; margin-right: auto; text-align: left; width: 100%; } } @media (max-width: 767px) { .lession-header__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 1.1111111111rem 0; text-align: center; } } .lession-header__title h1 { margin: 0; } .lession-header__title p { margin: 0; } .lession-header__action { -ms-flex-negative: 0; flex-shrink: 0; width: 10.7777777778rem; text-align: right; } @media (max-width: 991px) { .lession-header__action { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .lession-header__action .button { color: #fff; } .lession-header__action .button img { width: 1rem; height: 1rem; -webkit-filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .lession-item .accordion-button { padding: 0.6666666667rem 1.1111111111rem 1.1111111111rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #fff8f1; -webkit-box-shadow: none; box-shadow: none; } .lession-item .accordion-button.collapsed { background: #ebedee; } .lession-item .accordion-button:after { width: 1.1111111111rem; height: 1.1111111111rem; background-size: 0.8888888889rem; margin: 0.5555555556rem -0.1111111111rem 0 0; } .lession-item__header { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.4444444444rem; } .lession-item__header > strong { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; color: #000; } .lession-item__header > div { color: #000; padding-right: 0.5555555556rem; } .lession-item__header > div > h3 { margin: 0; } .lession-item__header > div > div { font-size: 0.5555555556rem; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; color: #4b5b68; margin-top: 0.2777777778rem; } .lession-item__header > div > div img { width: 0.6666666667rem; height: 0.6666666667rem; margin-right: 0.2777777778rem; -webkit-filter: saturate(0%) brightness(0%) invert(43.137254902%) opacity(1); filter: saturate(0%) brightness(0%) invert(43.137254902%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .lession-item__header > div > div p { margin: 0; } .lession-item .accordion-body { padding: 0; } .lession-player { position: relative; overflow: hidden; background: #eee; } .lession-player::before { content: ''; display: block; padding-top: 52.4225575854%; } .lession-player img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lession-player iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .lession-tabs { margin-top: 0.5555555556rem; } .lession-tabs__header { padding: 0 1.1111111111rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 991px) { .lession-tabs__header { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .lession-tabs__header .nav { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 2.7777777778rem; gap: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 1499px) { .lession-tabs__header .nav { margin-right: 1.1111111111rem; } } @media (max-width: 991px) { .lession-tabs__header .nav { margin-left: -1.1111111111rem; margin-right: -1.1111111111rem; padding: 0 1.1111111111rem; padding-bottom: 0.1111111111rem; width: auto; max-width: none; } } @media (max-width: 1499px) { .lession-tabs__header .nav .nav-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .lession-tabs__header .nav .nav-link { padding: 0.8333333333rem 1.6666666667rem; } @media (max-width: 1499px) { .lession-tabs__header .nav .nav-link { padding-left: 0.2777777778rem; padding-right: 0.2777777778rem; font-size: 0.8888888889rem; } } @media (max-width: 991px) { .lession-tabs__translate { width: 100%; margin-top: 1.1111111111rem; margin-left: auto; margin-right: auto; } } .lession-tabs__translate .dropdown { font-size: 0.8333333333rem; } .lession-tabs__translate .dropdown .dropdown-toggle { font-size: 0.8333333333rem; background: #ebedee; } .lession-tabs .tab-content { margin-top: 0; padding: 1.6666666667rem 2.2222222222rem; padding-top: 2.0555555556rem; } @media (max-width: 991px) { .lession-tabs .tab-content { padding: 1.1111111111rem; } } .lession-tabs .course-overview { margin-bottom: 1.2222222222rem; } .lession-tabs .course-overview__meta, .lession-tabs .course-overview__target { background: #ebedee; } .lession-tabs .course-overview__desc { max-width: 100%; } .lession__container { display: -webkit-box; display: -ms-flexbox; display: flex; } .lession__main { width: 72.8587962963%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; } .lession__sidebar-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 3rem; padding: 0.5555555556rem 1.1111111111rem; } .lession__sidebar-header h5 { color: #000; margin: 0; } .lession__sidebar-header button { border: none; width: 1.3333333333rem; height: 1.3333333333rem; padding: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; } .lession__sidebar-header button img { width: 100%; width: 0.7222222222rem; height: 0.7222222222rem; -webkit-filter: saturate(0%) brightness(0%) invert(63.9215686275%) opacity(1); filter: saturate(0%) brightness(0%) invert(63.9215686275%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .user-courses { margin-top: 1.1111111111rem; } .user-courses .big-ongoing-course-card { margin-bottom: 1.1111111111rem; } .user-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .user-header__title span { font-weight: 300; margin-left: 1.1111111111rem; } .user-header__filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .user-header__filter { margin-top: 1.1111111111rem; } } .user-header__filter > span { margin-right: 0.5555555556rem; } .user-nav { margin-top: 0.5555555556rem; } .user-nav ul { padding: 0; margin: 0; list-style: none; } .user-nav ul li { margin-bottom: 0.2777777778rem; } .user-nav ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 2.5555555556rem; gap: 0.5555555556rem; padding: 0.2777777778rem 0.5555555556rem; color: #374957; position: relative; border-radius: 0.2777777778rem; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .user-nav ul li a:after { content: ''; position: absolute; width: 0.8888888889rem; height: 0.8888888889rem; top: 50%; right: 0.9444444444rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url('../images/icons/nav-arrow-right.svg') center no-repeat; background-size: 0.8888888889rem 0.8888888889rem; } .user-nav ul li a img { -ms-flex-negative: 0; flex-shrink: 0; width: 1.3333333333rem; height: 1.3333333333rem; } .user-nav ul li a:hover { color: #c68642; font-weight: 700; } .user-nav ul li a:hover:after { -webkit-filter: saturate(0%) brightness(0%) invert(51.7647058824%) opacity(1); filter: saturate(0%) brightness(0%) invert(51.7647058824%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .user-nav ul li.is-active a { background: #f4e5d4; color: #c68642; font-weight: 700; } .user-nav ul li.is-active a:after { -webkit-filter: saturate(0%) brightness(0%) invert(51.7647058824%) opacity(1); filter: saturate(0%) brightness(0%) invert(51.7647058824%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .user-page { padding-top: 1.3888888889rem; padding-bottom: 3.2222222222rem; } @media (max-width: 1199px) { .user-page > .container > .row > .col-9, .user-page > .container > .row > .col-3 { width: 100%; } } @media (max-width: 1199px) { .user-page > .container > .row > .col-9 { margin-top: 2.2222222222rem; } } .user-sidebar { border: 0.0555555556rem solid #c3c8cd; border-radius: 0.2777777778rem; -webkit-box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); box-shadow: 0rem 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.25); overflow: hidden; padding: 1.1111111111rem; } .user-sidebar__info { background: #ebedee; border-radius: 0.5555555556rem; padding: 1.1111111111rem; text-align: center; } .user-sidebar__info-avatar { position: relative; overflow: hidden; width: 4rem; height: 4rem; margin: auto; border-radius: 50%; overflow: hidden; } .user-sidebar__info-avatar::before { content: ''; display: block; padding-top: 100%; } .user-sidebar__info-avatar img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .user-sidebar__info-name { margin: 0; margin-top: 0.5555555556rem; color: #000; } .user-sidebar__info-title { border: 0.0555555556rem solid #4870e5; color: #4870e5; font-size: 0.5555555556rem; font-weight: 700; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 2; border-radius: 0.2777777778rem; margin-top: 0.5555555556rem; padding: 0rem 0.2777777778rem; gap: 0.2777777778rem; text-transform: uppercase; } .user-sidebar__info-title img { -webkit-filter: saturate(0%) brightness(0%) invert(59.0196078431%) opacity(1); filter: saturate(0%) brightness(0%) invert(59.0196078431%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); width: 0.7777777778rem; height: 0.7777777778rem; } .user-sidebar__info-email { margin-top: 0.2222222222rem; } .istructor-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .ins-left { display: flex; gap: 12px; align-items: center; } .ins-left img { height: 50px; width: 50px; border-radius: 50%; object-fit: cover; } .ins-designation h5 { font-size: 18px; font-weight: 600; color: var(--color-2); margin-bottom: 3px; } .ins-right .action { display: flex; gap: 12px; opacity: 0; visibility: hidden; transition: 0.2s; } .E-review:hover .ins-right .action { opacity: 1; visibility: visible; } .ins-right a { color: var(--text-color); font-weight: 500; } .ins-right { display: flex; gap: 8px; } .ins-right p { font-weight: 500; color: var(--color-2); } .re-star { gap: 5px; } .re-star li i { color: #efbb02; font-size: 13px; } .instructor-motion { margin-bottom: 0; padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .instructor-motion li { position: relative; display: flex; } .instructor-motion li::after { position: absolute; content: ""; top: 2px; right: -17px; width: 1px; height: 17px; background-color: #eee; } .instructor-motion img { height: 20px; width: 20px; } .entry-like { gap: 30px; padding-bottom: 20px; } .entry-like li { font-weight: 500; transition: 0.5s; list-style: none; } .entry-like li:hover, .entry-like li:hover svg path { color: var(--color-1); fill: var(--color-1); } .entry-like li svg { margin-top: -2px; } .reviews { max-height: 910px; overflow: hidden; } .review .E-review:last-child { border-bottom: none; padding-bottom: 0; } .E-review { margin: 20px 0px; padding: 20px; border: 1px solid #eee; background: #f9f9f9; border-radius: 10px; } .entry-like:last-child { padding-bottom: 0; } .review .E-review:last-child { border: none; } .review .see-more { font-weight: 600; color: var(--text-color); transition: 0.3s; } .review .see-more:hover { color: var(--color-1); } .review .see-more i { margin-left: 10px; } .review-star img { height: 20px; width: 20px; } .entry-like .review-star ul { text-align: -webkit-match-parent; unicode-bidi: isolate; display: -webkit-inline-box; display: inline-flex ; -webkit-box-align: center; align-items: center; width: 30.33%; gap: 0.5rem; padding-right: 5px; } .entry-like .review-star li { text-align: -webkit-match-parent; unicode-bidi: isolate; display: -webkit-inline-box; display: inline-flex ; -webkit-box-align: center; align-items: center; width: 30.33%; gap: 0.5rem; padding-right: 5px; list-style: none; } .ins-designation ul { padding:0px !important; list-style: none; }