diff --git a/app/Http/Controllers/Students/AuthController.php b/app/Http/Controllers/Students/AuthController.php index cfda4a0..effb9a1 100644 --- a/app/Http/Controllers/Students/AuthController.php +++ b/app/Http/Controllers/Students/AuthController.php @@ -21,11 +21,11 @@ public function signUpForm() public function signUpStore(SignUpRequest $request) { try { - $stu = new Student; - $stu->name_en = $request->name; - $stu->email = $request->email; - $stu->password = Hash::make($request->password); - if ($stu->save()) + $student = new Student; + $student->name_en = $request->name; + $student->email = $request->email; + $student->password = Hash::make($request->password); + if ($student->save()) return redirect()->route('studentLogin')->with('success', 'Successfully Registered'); else return redirect()->route('studentLogin')->with('danger', 'Please Try Again'); @@ -43,11 +43,11 @@ public function signInForm() public function signInCheck(SignInRequest $request) { try { - $user = Student::Where('email', $request->email)->first(); - if ($user) { - if ($user->status == 1) { - if (Hash::check($request->password, $user->password)) { - $this->setSession($user); + $student = Student::Where('email', $request->email)->first(); + if ($student) { + if ($student->status == 1) { + if (Hash::check($request->password, $student->password)) { + $this->setSession($student); return redirect()->route('studentdashboard')->with('success', 'Successfully Logged In'); } else return redirect()->route('studentLogin')->with('error', 'Username or Password is wrong!'); @@ -61,15 +61,15 @@ public function signInCheck(SignInRequest $request) } } - public function setSession($user) + public function setSession($student) { return request()->session()->put( [ - 'userId' => encryptor('encrypt', $user->id), - 'userName' => encryptor('encrypt', $user->name_en), - 'emailAddress' => encryptor('encrypt', $user->email), + 'userId' => encryptor('encrypt', $student->id), + 'userName' => encryptor('encrypt', $student->name_en), + 'emailAddress' => encryptor('encrypt', $student->email), 'studentLogin' => 1, - 'image' => $user->image ?? 'No Image Found' + 'image' => $student->image ?? 'No Image Found' ] ); } @@ -79,9 +79,4 @@ public function signOut() request()->session()->flush(); return redirect()->route('studentLogin')->with('danger', 'Succesfully Logged Out'); } - - public function show(User $data) - { - return view('students.profile.userProfile', compact('data')); - } } diff --git a/public/frontend/dist/main.css b/public/frontend/dist/main.css index 927089f..302862d 100644 --- a/public/frontend/dist/main.css +++ b/public/frontend/dist/main.css @@ -1,122 +1,119 @@ @import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap); + /* Slider */ -.slick-slider -{ - position: relative; +.slick-slider { + position: relative; - display: block; - box-sizing: border-box; + display: block; + box-sizing: border-box; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; - -webkit-touch-callout: none; - -khtml-user-select: none; - -ms-touch-action: pan-y; - touch-action: pan-y; - -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + -khtml-user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; } -.slick-list -{ - position: relative; +.slick-list { + position: relative; - display: block; - overflow: hidden; + display: block; + overflow: hidden; - margin: 0; - padding: 0; + margin: 0; + padding: 0; } -.slick-list:focus -{ - outline: none; + +.slick-list:focus { + outline: none; } -.slick-list.dragging -{ - cursor: pointer; - cursor: hand; + +.slick-list.dragging { + cursor: pointer; + cursor: hand; } .slick-slider .slick-track, -.slick-slider .slick-list -{ - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); +.slick-slider .slick-list { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } -.slick-track -{ - position: relative; - top: 0; - left: 0; +.slick-track { + position: relative; + top: 0; + left: 0; - display: block; - margin-left: auto; - margin-right: auto; + display: block; + margin-left: auto; + margin-right: auto; } + .slick-track:before, -.slick-track:after -{ - display: table; +.slick-track:after { + display: table; - content: ''; -} -.slick-track:after -{ - clear: both; -} -.slick-loading .slick-track -{ - visibility: hidden; + content: ''; } -.slick-slide -{ - display: none; - float: left; +.slick-track:after { + clear: both; +} - height: 100%; - min-height: 1px; +.slick-loading .slick-track { + visibility: hidden; } -[dir='rtl'] .slick-slide -{ - float: right; -} -.slick-slide img -{ - display: block; -} -.slick-slide.slick-loading img -{ - display: none; -} -.slick-slide.dragging img -{ - pointer-events: none; -} -.slick-initialized .slick-slide -{ - display: block; -} -.slick-loading .slick-slide -{ - visibility: hidden; -} -.slick-vertical .slick-slide -{ - display: block; - height: auto; +.slick-slide { + display: none; + float: left; - border: 1px solid transparent; + height: 100%; + min-height: 1px; } + +[dir='rtl'] .slick-slide { + float: right; +} + +.slick-slide img { + display: block; +} + +.slick-slide.slick-loading img { + display: none; +} + +.slick-slide.dragging img { + pointer-events: none; +} + +.slick-initialized .slick-slide { + display: block; +} + +.slick-loading .slick-slide { + visibility: hidden; +} + +.slick-vertical .slick-slide { + display: block; + + height: auto; + + border: 1px solid transparent; +} + .slick-arrow.slick-hidden { - display: none; + display: none; } .nice-select { @@ -148,14 +145,17 @@ .nice-select { white-space: nowrap; width: auto; } + .nice-select:hover { border-color: #dbdbdb; } + .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } + .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; @@ -177,11 +177,13 @@ .nice-select:after { transition: all 0.15s ease-in-out; width: 5px; } + .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } + .nice-select.open .list { opacity: 1; pointer-events: auto; @@ -189,41 +191,51 @@ .nice-select.open .list { -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } + .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } + .nice-select.disabled:after { border-color: #cccccc; } + .nice-select.wide { width: 100%; } + .nice-select.wide .list { left: 0 !important; right: 0 !important; } + .nice-select.right { float: right; } + .nice-select.right .list { left: auto; right: 0; } + .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } + .nice-select.small:after { height: 4px; width: 4px; } + .nice-select.small .option { line-height: 34px; min-height: 34px; } + .nice-select .list { background-color: #fff; border-radius: 5px; @@ -248,9 +260,11 @@ .nice-select .list { transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } + .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } + .nice-select .option { cursor: pointer; line-height: 40px; @@ -263,14 +277,17 @@ .nice-select .option { -webkit-transition: all 0.2s; transition: all 0.2s; } + .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } + .nice-select .option.selected { font-weight: bold; } + .nice-select .option.disabled { background-color: transparent; color: #999; @@ -295,7 +312,8 @@ .mfp-bg { overflow: hidden; position: fixed; background: #0b0b0b; - opacity: 0.8; } + opacity: 0.8; +} .mfp-wrap { top: 0; @@ -305,7 +323,8 @@ .mfp-wrap { z-index: 1043; position: fixed; outline: none !important; - -webkit-backface-visibility: hidden; } + -webkit-backface-visibility: hidden; +} .mfp-container { text-align: center; @@ -315,16 +334,19 @@ .mfp-container { left: 0; top: 0; padding: 0 8px; - box-sizing: border-box; } + box-sizing: border-box; +} .mfp-container:before { content: ''; display: inline-block; height: 100%; - vertical-align: middle; } + vertical-align: middle; +} .mfp-align-top .mfp-container:before { - display: none; } + display: none; +} .mfp-content { position: relative; @@ -332,29 +354,36 @@ .mfp-content { vertical-align: middle; margin: 0 auto; text-align: left; - z-index: 1045; } + z-index: 1045; +} .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; - cursor: auto; } + cursor: auto; +} .mfp-ajax-cur { - cursor: progress; } + cursor: progress; +} -.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { +.mfp-zoom-out-cur, +.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; - cursor: zoom-out; } + cursor: zoom-out; +} .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; - cursor: zoom-in; } + cursor: zoom-in; +} .mfp-auto-cursor .mfp-content { - cursor: auto; } + cursor: auto; +} .mfp-close, .mfp-arrow, @@ -362,13 +391,16 @@ .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; - user-select: none; } + user-select: none; +} .mfp-loading.mfp-figure { - display: none; } + display: none; +} .mfp-hide { - display: none !important; } + display: none !important; +} .mfp-preloader { color: #CCC; @@ -379,17 +411,24 @@ .mfp-preloader { margin-top: -0.8em; left: 8px; right: 8px; - z-index: 1044; } - .mfp-preloader a { - color: #CCC; } - .mfp-preloader a:hover { - color: #FFF; } + z-index: 1044; +} + +.mfp-preloader a { + color: #CCC; +} + +.mfp-preloader a:hover { + color: #FFF; +} .mfp-s-ready .mfp-preloader { - display: none; } + display: none; +} .mfp-s-error .mfp-content { - display: none; } + display: none; +} button.mfp-close, button.mfp-arrow { @@ -403,11 +442,13 @@ button.mfp-arrow { padding: 0; z-index: 1046; box-shadow: none; - touch-action: manipulation; } + touch-action: manipulation; +} button::-moz-focus-inner { padding: 0; - border: 0; } + border: 0; +} .mfp-close { width: 44px; @@ -423,15 +464,21 @@ .mfp-close { color: #FFF; font-style: normal; font-size: 28px; - font-family: Arial, Baskerville, monospace; } - .mfp-close:hover, - .mfp-close:focus { - opacity: 1; } - .mfp-close:active { - top: 1px; } + font-family: Arial, Baskerville, monospace; +} + +.mfp-close:hover, +.mfp-close:focus { + opacity: 1; +} + +.mfp-close:active { + top: 1px; +} .mfp-close-btn-in .mfp-close { - color: #333; } + color: #333; +} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { @@ -439,7 +486,8 @@ .mfp-iframe-holder .mfp-close { right: -6px; text-align: right; padding-right: 6px; - width: 100%; } + width: 100%; +} .mfp-counter { position: absolute; @@ -448,7 +496,8 @@ .mfp-counter { color: #CCC; font-size: 12px; line-height: 18px; - white-space: nowrap; } + white-space: nowrap; +} .mfp-arrow { position: absolute; @@ -459,74 +508,103 @@ .mfp-arrow { padding: 0; width: 90px; height: 110px; - -webkit-tap-highlight-color: transparent; } - .mfp-arrow:active { - margin-top: -54px; } - .mfp-arrow:hover, - .mfp-arrow:focus { - opacity: 1; } - .mfp-arrow:before, - .mfp-arrow:after { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - left: 0; - top: 0; - margin-top: 35px; - margin-left: 35px; - border: medium inset transparent; } - .mfp-arrow:after { - border-top-width: 13px; - border-bottom-width: 13px; - top: 8px; } - .mfp-arrow:before { - border-top-width: 21px; - border-bottom-width: 21px; - opacity: 0.7; } + -webkit-tap-highlight-color: transparent; +} + +.mfp-arrow:active { + margin-top: -54px; +} + +.mfp-arrow:hover, +.mfp-arrow:focus { + opacity: 1; +} + +.mfp-arrow:before, +.mfp-arrow:after { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; +} + +.mfp-arrow:after { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; +} + +.mfp-arrow:before { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; +} .mfp-arrow-left { - left: 0; } - .mfp-arrow-left:after { - border-right: 17px solid #FFF; - margin-left: 31px; } - .mfp-arrow-left:before { - margin-left: 25px; - border-right: 27px solid #3F3F3F; } + left: 0; +} + +.mfp-arrow-left:after { + border-right: 17px solid #FFF; + margin-left: 31px; +} + +.mfp-arrow-left:before { + margin-left: 25px; + border-right: 27px solid #3F3F3F; +} .mfp-arrow-right { - right: 0; } - .mfp-arrow-right:after { - border-left: 17px solid #FFF; - margin-left: 39px; } - .mfp-arrow-right:before { - border-left: 27px solid #3F3F3F; } + right: 0; +} + +.mfp-arrow-right:after { + border-left: 17px solid #FFF; + margin-left: 39px; +} + +.mfp-arrow-right:before { + border-left: 27px solid #3F3F3F; +} .mfp-iframe-holder { padding-top: 40px; - padding-bottom: 40px; } - .mfp-iframe-holder .mfp-content { - line-height: 0; - width: 100%; - max-width: 900px; } - .mfp-iframe-holder .mfp-close { - top: -40px; } + padding-bottom: 40px; +} + +.mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; +} + +.mfp-iframe-holder .mfp-close { + top: -40px; +} .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; - padding-top: 56.25%; } - .mfp-iframe-scaler iframe { - position: absolute; - display: block; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); - background: #000; } + padding-top: 56.25%; +} + +.mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; +} /* Main image in popup */ img.mfp-img { @@ -537,31 +615,39 @@ img.mfp-img { line-height: 0; box-sizing: border-box; padding: 40px 0 40px; - margin: 0 auto; } + margin: 0 auto; +} /* The shadow behind the image */ .mfp-figure { - line-height: 0; } - .mfp-figure:after { - content: ''; - position: absolute; - left: 0; - top: 40px; - bottom: 40px; - display: block; - right: 0; - width: auto; - height: auto; - z-index: -1; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); - background: #444; } - .mfp-figure small { - color: #BDBDBD; - display: block; - font-size: 12px; - line-height: 14px; } - .mfp-figure figure { - margin: 0; } + line-height: 0; +} + +.mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; +} + +.mfp-figure small { + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; +} + +.mfp-figure figure { + margin: 0; +} .mfp-bottom-bar { margin-top: -36px; @@ -569,36 +655,50 @@ .mfp-bottom-bar { top: 100%; left: 0; width: 100%; - cursor: auto; } + cursor: auto; +} .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; - padding-right: 36px; } + padding-right: 36px; +} .mfp-image-holder .mfp-content { - max-width: 100%; } + max-width: 100%; +} .mfp-gallery .mfp-image-holder .mfp-figure { - cursor: pointer; } + cursor: pointer; +} + +@media screen and (max-width: 800px) and (orientation: landscape), +screen and (max-height: 300px) { -@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; - padding-right: 0; } + padding-right: 0; + } + .mfp-img-mobile img.mfp-img { - padding: 0; } + padding: 0; + } + .mfp-img-mobile .mfp-figure:after { top: 0; - bottom: 0; } + bottom: 0; + } + .mfp-img-mobile .mfp-figure small { display: inline; - margin-left: 5px; } + margin-left: 5px; + } + .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; @@ -606,12 +706,18 @@ @media screen and (max-width: 800px) and (orientation: landscape), screen and (m top: auto; padding: 3px 5px; position: fixed; - box-sizing: border-box; } - .mfp-img-mobile .mfp-bottom-bar:empty { - padding: 0; } + box-sizing: border-box; + } + + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; + } + .mfp-img-mobile .mfp-counter { right: 5px; - top: 3px; } + top: 3px; + } + .mfp-img-mobile .mfp-close { top: 0; right: 0; @@ -621,94 +727,131 @@ @media screen and (max-width: 800px) and (orientation: landscape), screen and (m background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; - padding: 0; } } + padding: 0; + } +} @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); - transform: scale(0.75); } + transform: scale(0.75); + } + .mfp-arrow-left { -webkit-transform-origin: 0; - transform-origin: 0; } + transform-origin: 0; + } + .mfp-arrow-right { -webkit-transform-origin: 100%; - transform-origin: 100%; } + transform-origin: 100%; + } + .mfp-container { padding-left: 6px; - padding-right: 6px; } } + padding-right: 6px; + } +} .font-title--lg, .font-title--md, .font-title--sm, .font-title--xs { - text-transform: capitalize; } + text-transform: capitalize; +} .font-title--md, .font-title--xs { font-weight: 700; - color: #202029; } + color: #202029; +} .font-title--lg { font-size: 56px; color: #202029; font-weight: 600; - line-height: 70px; } - @media (max-width: 767px) { - .font-title--lg { - font-size: 48px; - line-height: 58px; } } - @media (max-width: 480px) { - .font-title--lg { - font-size: 32px; - line-height: 42px; } } + line-height: 70px; +} + +@media (max-width: 767px) { + .font-title--lg { + font-size: 48px; + line-height: 58px; + } +} + +@media (max-width: 480px) { + .font-title--lg { + font-size: 32px; + line-height: 42px; + } +} .font-title--md { font-size: 40px; - line-height: 50px; } - @media (max-width: 767px) { - .font-title--md { - font-size: 26px; - line-height: 36px; } } + line-height: 50px; +} + +@media (max-width: 767px) { + .font-title--md { + font-size: 26px; + line-height: 36px; + } +} .font-title--sm { font-size: 32px; line-height: 40px; - font-weight: 600; } - @media (max-width: 767px) { - .font-title--sm { - font-size: 24px; - line-height: 34px; } } + font-weight: 600; +} + +@media (max-width: 767px) { + .font-title--sm { + font-size: 24px; + line-height: 34px; + } +} .font-title--xs { font-size: 24px; line-height: 36px; color: #42414b; - font-weight: 500; } - @media (max-width: 767px) { - .font-title--xs { - font-size: 18px; - line-height: 28px; } } + font-weight: 500; +} + +@media (max-width: 767px) { + .font-title--xs { + font-size: 18px; + line-height: 28px; + } +} .font-title--card { font-size: 18px; font-weight: 500; line-height: 27px; - color: #202029; } + color: #202029; +} .font-para--lg { font-size: 16px; line-height: 24px; color: #8f8fa3; - font-weight: 500; } - @media (max-width: 767px) { - .font-para--lg { - font-size: 14px; - line-height: 24px; } } + font-weight: 500; +} + +@media (max-width: 767px) { + .font-para--lg { + font-size: 14px; + line-height: 24px; + } +} .font-para--md { font-size: 14px; line-height: 21px; - color: #8585a3; } + color: #8585a3; +} /*! * Bootstrap v5.1.3 (https://getbootstrap.com/) @@ -768,17 +911,21 @@ :root { --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; - --bs-body-bg: #fff; } + --bs-body-bg: #fff; +} *, *::before, *::after { -webkit-box-sizing: border-box; - box-sizing: border-box; } + box-sizing: border-box; +} @media (prefers-reduced-motion: no-preference) { :root { - scroll-behavior: smooth; } } + scroll-behavior: smooth; + } +} body { margin: 0; @@ -790,130 +937,199 @@ body { text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(25, 25, 34, 0); } + -webkit-tap-highlight-color: rgba(25, 25, 34, 0); +} hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; - opacity: 0.25; } + opacity: 0.25; +} hr:not([size]) { - height: 1px; } + height: 1px; +} -h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; - line-height: 1.2; } + line-height: 1.2; +} -h1, .h1 { - font-size: calc(1.375rem + 1.5vw); } - @media (min-width: 1200px) { - h1, .h1 { - font-size: 2.5rem; } } +h1, +.h1 { + font-size: calc(1.375rem + 1.5vw); +} -h2, .h2 { - font-size: calc(1.325rem + 0.9vw); } - @media (min-width: 1200px) { - h2, .h2 { - font-size: 2rem; } } +@media (min-width: 1200px) { -h3, .h3 { - font-size: calc(1.3rem + 0.6vw); } - @media (min-width: 1200px) { - h3, .h3 { - font-size: 1.75rem; } } + h1, + .h1 { + font-size: 2.5rem; + } +} -h4, .h4 { - font-size: calc(1.275rem + 0.3vw); } - @media (min-width: 1200px) { - h4, .h4 { - font-size: 1.5rem; } } +h2, +.h2 { + font-size: calc(1.325rem + 0.9vw); +} -h5, .h5 { - font-size: 1.25rem; } +@media (min-width: 1200px) { -h6, .h6 { - font-size: 1rem; } + h2, + .h2 { + font-size: 2rem; + } +} + +h3, +.h3 { + font-size: calc(1.3rem + 0.6vw); +} + +@media (min-width: 1200px) { + + h3, + .h3 { + font-size: 1.75rem; + } +} + +h4, +.h4 { + font-size: calc(1.275rem + 0.3vw); +} + +@media (min-width: 1200px) { + + h4, + .h4 { + font-size: 1.5rem; + } +} + +h5, +.h5 { + font-size: 1.25rem; +} + +h6, +.h6 { + font-size: 1rem; +} p { margin-top: 0; - margin-bottom: 1rem; } + margin-bottom: 1rem; +} abbr[title], abbr[data-bs-original-title] { -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; + text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; - text-decoration-skip-ink: none; } + text-decoration-skip-ink: none; +} address { margin-bottom: 1rem; font-style: normal; - line-height: inherit; } + line-height: inherit; +} ol, ul { - padding-left: 2rem; } + padding-left: 2rem; +} ol, ul, dl { margin-top: 0; - margin-bottom: 1rem; } + margin-bottom: 1rem; +} ol ol, ul ul, ol ul, ul ol { - margin-bottom: 0; } + margin-bottom: 0; +} dt { - font-weight: 700; } + font-weight: 700; +} dd { margin-bottom: .5rem; - margin-left: 0; } + margin-left: 0; +} blockquote { - margin: 0 0 1rem; } + margin: 0 0 1rem; +} b, strong { - font-weight: bolder; } + font-weight: bolder; +} -small, .small { - font-size: 0.875em; } +small, +.small { + font-size: 0.875em; +} -mark, .mark { +mark, +.mark { padding: 0.2em; - background-color: #fcf8e3; } + background-color: #fcf8e3; +} sub, sup { position: relative; font-size: 0.75em; line-height: 0; - vertical-align: baseline; } + vertical-align: baseline; +} sub { - bottom: -.25em; } + bottom: -.25em; +} sup { - top: -.5em; } + top: -.5em; +} a { color: #1089ff; - text-decoration: underline; } - a:hover { - color: #0d6ecc; } + text-decoration: underline; +} -a:not([href]):not([class]), a:not([href]):not([class]):hover { +a:hover { + color: #0d6ecc; +} + +a:not([href]):not([class]), +a:not([href]):not([class]):hover { color: inherit; - text-decoration: none; } + text-decoration: none; +} pre, code, @@ -921,58 +1137,75 @@ kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; - direction: ltr /* rtl:ignore */; - unicode-bidi: bidi-override; } + direction: ltr + /* rtl:ignore */ + ; + unicode-bidi: bidi-override; +} pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; - font-size: 0.875em; } - pre code { - font-size: inherit; - color: inherit; - word-break: normal; } + font-size: 0.875em; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} code { font-size: 0.875em; color: #d63384; - word-wrap: break-word; } - a > code { - color: inherit; } + word-wrap: break-word; +} + +a>code { + color: inherit; +} kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: #212529; - border-radius: 0.2rem; } - kbd kbd { - padding: 0; - font-size: 1em; - font-weight: 700; } + border-radius: 0.2rem; +} + +kbd kbd { + padding: 0; + font-size: 1em; + font-weight: 700; +} figure { - margin: 0 0 1rem; } + margin: 0 0 1rem; +} img, svg { - vertical-align: middle; } + vertical-align: middle; +} table { caption-side: bottom; - border-collapse: collapse; } + border-collapse: collapse; +} caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; - text-align: left; } + text-align: left; +} th { text-align: inherit; - text-align: -webkit-match-parent; } + text-align: -webkit-match-parent; +} thead, tbody, @@ -982,16 +1215,20 @@ td, th { border-color: inherit; border-style: solid; - border-width: 0; } + border-width: 0; +} label { - display: inline-block; } + display: inline-block; +} button { - border-radius: 0; } + border-radius: 0; +} button:focus:not(:focus-visible) { - outline: 0; } + outline: 0; +} input, button, @@ -1001,46 +1238,59 @@ textarea { margin: 0; font-family: inherit; font-size: inherit; - line-height: inherit; } + line-height: inherit; +} button, select { - text-transform: none; } + text-transform: none; +} [role="button"] { - cursor: pointer; } + cursor: pointer; +} select { - word-wrap: normal; } - select:disabled { - opacity: 1; } + word-wrap: normal; +} + +select:disabled { + opacity: 1; +} [list]::-webkit-calendar-picker-indicator { - display: none; } + display: none; +} button, [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; } - button:not(:disabled), - [type="button"]:not(:disabled), - [type="reset"]:not(:disabled), - [type="submit"]:not(:disabled) { - cursor: pointer; } + -webkit-appearance: button; +} + +button:not(:disabled), +[type="button"]:not(:disabled), +[type="reset"]:not(:disabled), +[type="submit"]:not(:disabled) { + cursor: pointer; +} ::-moz-focus-inner { padding: 0; - border-style: none; } + border-style: none; +} textarea { - resize: vertical; } + resize: vertical; +} fieldset { min-width: 0; padding: 0; margin: 0; - border: 0; } + border: 0; +} legend { float: left; @@ -1048,12 +1298,18 @@ legend { padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); - line-height: inherit; } - @media (min-width: 1200px) { - legend { - font-size: 1.5rem; } } - legend + * { - clear: left; } + line-height: inherit; +} + +@media (min-width: 1200px) { + legend { + font-size: 1.5rem; + } +} + +legend+* { + clear: left; +} ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, @@ -1062,14 +1318,17 @@ legend { ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { - padding: 0; } + padding: 0; +} ::-webkit-inner-spin-button { - height: auto; } + height: auto; +} [type="search"] { outline-offset: -2px; - -webkit-appearance: textfield; } + -webkit-appearance: textfield; +} /* rtl:raw: [type="tel"], @@ -1080,120 +1339,167 @@ [type="number"] { } */ ::-webkit-search-decoration { - -webkit-appearance: none; } + -webkit-appearance: none; +} ::-webkit-color-swatch-wrapper { - padding: 0; } + padding: 0; +} ::file-selector-button { - font: inherit; } + font: inherit; +} ::-webkit-file-upload-button { font: inherit; - -webkit-appearance: button; } + -webkit-appearance: button; +} output { - display: inline-block; } + display: inline-block; +} iframe { - border: 0; } + border: 0; +} summary { display: list-item; - cursor: pointer; } + cursor: pointer; +} progress { - vertical-align: baseline; } + vertical-align: baseline; +} [hidden] { - display: none !important; } + display: none !important; +} .lead { font-size: 1.25rem; - font-weight: 300; } + font-weight: 300; +} .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; - line-height: 1.2; } - @media (min-width: 1200px) { - .display-1 { - font-size: 5rem; } } + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-1 { + font-size: 5rem; + } +} .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; - line-height: 1.2; } - @media (min-width: 1200px) { - .display-2 { - font-size: 4.5rem; } } + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-2 { + font-size: 4.5rem; + } +} .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; - line-height: 1.2; } - @media (min-width: 1200px) { - .display-3 { - font-size: 4rem; } } + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-3 { + font-size: 4rem; + } +} .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; - line-height: 1.2; } - @media (min-width: 1200px) { - .display-4 { - font-size: 3.5rem; } } + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-4 { + font-size: 3.5rem; + } +} .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; - line-height: 1.2; } - @media (min-width: 1200px) { - .display-5 { - font-size: 3rem; } } + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-5 { + font-size: 3rem; + } +} .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; - line-height: 1.2; } - @media (min-width: 1200px) { - .display-6 { - font-size: 2.5rem; } } + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; + } +} .list-unstyled { padding-left: 0; - list-style: none; } + list-style: none; +} .list-inline { padding-left: 0; - list-style: none; } + list-style: none; +} .list-inline-item { - display: inline-block; } - .list-inline-item:not(:last-child) { - margin-right: 0.5rem; } + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} .initialism { font-size: 0.875em; - text-transform: uppercase; } + text-transform: uppercase; +} .blockquote { margin-bottom: 1rem; - font-size: 1.25rem; } - .blockquote > :last-child { - margin-bottom: 0; } + font-size: 1.25rem; +} + +.blockquote> :last-child { + margin-bottom: 0; +} .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; - color: #6c757d; } - .blockquote-footer::before { - content: "\2014\00A0"; } + color: #6c757d; +} + +.blockquote-footer::before { + content: "\2014\00A0"; +} .img-fluid { max-width: 100%; - height: auto; } + height: auto; +} .img-thumbnail { padding: 0.25rem; @@ -1201,18 +1507,22 @@ .img-thumbnail { border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; - height: auto; } + height: auto; +} .figure { - display: inline-block; } + display: inline-block; +} .figure-img { margin-bottom: 0.5rem; - line-height: 1; } + line-height: 1; +} .figure-caption { font-size: 0.875em; - color: #6c757d; } + color: #6c757d; +} .container, .container-fluid, @@ -1225,27 +1535,58 @@ .container-xxl { padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; - margin-left: auto; } + margin-left: auto; +} @media (min-width: 576px) { - .container, .container-sm { - max-width: 540px; } } + + .container, + .container-sm { + max-width: 540px; + } +} @media (min-width: 768px) { - .container, .container-sm, .container-md { - max-width: 720px; } } + + .container, + .container-sm, + .container-md { + max-width: 720px; + } +} @media (min-width: 992px) { - .container, .container-sm, .container-md, .container-lg { - max-width: 960px; } } + + .container, + .container-sm, + .container-md, + .container-lg { + max-width: 960px; + } +} @media (min-width: 1200px) { - .container, .container-sm, .container-md, .container-lg, .container-xl { - max-width: 1140px; } } + + .container, + .container-sm, + .container-md, + .container-lg, + .container-xl { + max-width: 1140px; + } +} @media (min-width: 1400px) { - .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { - max-width: 1320px; } } + + .container, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl { + max-width: 1320px; + } +} .row { --bs-gutter-x: 1.5rem; @@ -1255,1182 +1596,1679 @@ .row { display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); - margin-left: calc(-.5 * var(--bs-gutter-x)); } - .row > * { - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-right: calc(var(--bs-gutter-x) * .5); - padding-left: calc(var(--bs-gutter-x) * .5); - margin-top: var(--bs-gutter-y); } + margin-left: calc(-.5 * var(--bs-gutter-x)); +} + +.row>* { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * .5); + padding-left: calc(var(--bs-gutter-x) * .5); + margin-top: var(--bs-gutter-y); +} .col { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; } + -ms-flex: 1 0 0%; + flex: 1 0 0%; +} -.row-cols-auto > * { +.row-cols-auto>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} -.row-cols-1 > * { +.row-cols-1>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; +} -.row-cols-2 > * { +.row-cols-2>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; +} -.row-cols-3 > * { +.row-cols-3>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; +} -.row-cols-4 > * { +.row-cols-4>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; +} -.row-cols-5 > * { +.row-cols-5>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; +} -.row-cols-6 > * { +.row-cols-6>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; +} .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333%; +} .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; +} .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; +} .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; +} .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66667%; +} .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; +} .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333%; +} .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66667%; +} .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; +} .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333%; +} .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66667%; +} .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; +} .offset-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; +} .offset-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; +} .offset-3 { - margin-left: 25%; } + margin-left: 25%; +} .offset-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; +} .offset-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; +} .offset-6 { - margin-left: 50%; } + margin-left: 50%; +} .offset-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; +} .offset-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; +} .offset-9 { - margin-left: 75%; } + margin-left: 75%; +} .offset-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; +} .offset-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; +} .g-0, .gx-0 { - --bs-gutter-x: 0; } + --bs-gutter-x: 0; +} .g-0, .gy-0 { - --bs-gutter-y: 0; } + --bs-gutter-y: 0; +} .g-1, .gx-1 { - --bs-gutter-x: 0.25rem; } + --bs-gutter-x: 0.25rem; +} .g-1, .gy-1 { - --bs-gutter-y: 0.25rem; } + --bs-gutter-y: 0.25rem; +} .g-2, .gx-2 { - --bs-gutter-x: 0.5rem; } + --bs-gutter-x: 0.5rem; +} .g-2, .gy-2 { - --bs-gutter-y: 0.5rem; } + --bs-gutter-y: 0.5rem; +} .g-3, .gx-3 { - --bs-gutter-x: 1rem; } + --bs-gutter-x: 1rem; +} .g-3, .gy-3 { - --bs-gutter-y: 1rem; } + --bs-gutter-y: 1rem; +} .g-4, .gx-4 { - --bs-gutter-x: 1.5rem; } + --bs-gutter-x: 1.5rem; +} .g-4, .gy-4 { - --bs-gutter-y: 1.5rem; } + --bs-gutter-y: 1.5rem; +} .g-5, .gx-5 { - --bs-gutter-x: 3rem; } + --bs-gutter-x: 3rem; +} .g-5, .gy-5 { - --bs-gutter-y: 3rem; } + --bs-gutter-y: 3rem; +} @media (min-width: 576px) { .col-sm { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; } - .row-cols-sm-auto > * { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + + .row-cols-sm-auto>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } - .row-cols-sm-1 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + + .row-cols-sm-1>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } - .row-cols-sm-2 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + + .row-cols-sm-2>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } - .row-cols-sm-3 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + + .row-cols-sm-3>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } - .row-cols-sm-4 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; + } + + .row-cols-sm-4>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } - .row-cols-sm-5 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + + .row-cols-sm-5>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; } - .row-cols-sm-6 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + + .row-cols-sm-6>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; + } + .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333%; + } + .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; + } + .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; + } + .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66667%; + } + .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333%; + } + .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66667%; + } + .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333%; + } + .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66667%; + } + .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .offset-sm-0 { - margin-left: 0; } + margin-left: 0; + } + .offset-sm-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } + .offset-sm-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } + .offset-sm-3 { - margin-left: 25%; } + margin-left: 25%; + } + .offset-sm-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } + .offset-sm-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } + .offset-sm-6 { - margin-left: 50%; } + margin-left: 50%; + } + .offset-sm-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } + .offset-sm-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } + .offset-sm-9 { - margin-left: 75%; } + margin-left: 75%; + } + .offset-sm-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } + .offset-sm-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; + } + .g-sm-0, .gx-sm-0 { - --bs-gutter-x: 0; } + --bs-gutter-x: 0; + } + .g-sm-0, .gy-sm-0 { - --bs-gutter-y: 0; } + --bs-gutter-y: 0; + } + .g-sm-1, .gx-sm-1 { - --bs-gutter-x: 0.25rem; } + --bs-gutter-x: 0.25rem; + } + .g-sm-1, .gy-sm-1 { - --bs-gutter-y: 0.25rem; } + --bs-gutter-y: 0.25rem; + } + .g-sm-2, .gx-sm-2 { - --bs-gutter-x: 0.5rem; } + --bs-gutter-x: 0.5rem; + } + .g-sm-2, .gy-sm-2 { - --bs-gutter-y: 0.5rem; } + --bs-gutter-y: 0.5rem; + } + .g-sm-3, .gx-sm-3 { - --bs-gutter-x: 1rem; } + --bs-gutter-x: 1rem; + } + .g-sm-3, .gy-sm-3 { - --bs-gutter-y: 1rem; } + --bs-gutter-y: 1rem; + } + .g-sm-4, .gx-sm-4 { - --bs-gutter-x: 1.5rem; } + --bs-gutter-x: 1.5rem; + } + .g-sm-4, .gy-sm-4 { - --bs-gutter-y: 1.5rem; } + --bs-gutter-y: 1.5rem; + } + .g-sm-5, .gx-sm-5 { - --bs-gutter-x: 3rem; } + --bs-gutter-x: 3rem; + } + .g-sm-5, .gy-sm-5 { - --bs-gutter-y: 3rem; } } + --bs-gutter-y: 3rem; + } +} @media (min-width: 768px) { .col-md { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; } - .row-cols-md-auto > * { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + + .row-cols-md-auto>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } - .row-cols-md-1 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + + .row-cols-md-1>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } - .row-cols-md-2 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + + .row-cols-md-2>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } - .row-cols-md-3 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + + .row-cols-md-3>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } - .row-cols-md-4 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; + } + + .row-cols-md-4>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } - .row-cols-md-5 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + + .row-cols-md-5>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; } - .row-cols-md-6 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + + .row-cols-md-6>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; + } + .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333%; + } + .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; + } + .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; + } + .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66667%; + } + .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333%; + } + .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66667%; + } + .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333%; + } + .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66667%; + } + .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .offset-md-0 { - margin-left: 0; } + margin-left: 0; + } + .offset-md-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } + .offset-md-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } + .offset-md-3 { - margin-left: 25%; } + margin-left: 25%; + } + .offset-md-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } + .offset-md-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } + .offset-md-6 { - margin-left: 50%; } + margin-left: 50%; + } + .offset-md-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } + .offset-md-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } + .offset-md-9 { - margin-left: 75%; } + margin-left: 75%; + } + .offset-md-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } + .offset-md-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; + } + .g-md-0, .gx-md-0 { - --bs-gutter-x: 0; } + --bs-gutter-x: 0; + } + .g-md-0, .gy-md-0 { - --bs-gutter-y: 0; } + --bs-gutter-y: 0; + } + .g-md-1, .gx-md-1 { - --bs-gutter-x: 0.25rem; } + --bs-gutter-x: 0.25rem; + } + .g-md-1, .gy-md-1 { - --bs-gutter-y: 0.25rem; } + --bs-gutter-y: 0.25rem; + } + .g-md-2, .gx-md-2 { - --bs-gutter-x: 0.5rem; } + --bs-gutter-x: 0.5rem; + } + .g-md-2, .gy-md-2 { - --bs-gutter-y: 0.5rem; } + --bs-gutter-y: 0.5rem; + } + .g-md-3, .gx-md-3 { - --bs-gutter-x: 1rem; } + --bs-gutter-x: 1rem; + } + .g-md-3, .gy-md-3 { - --bs-gutter-y: 1rem; } + --bs-gutter-y: 1rem; + } + .g-md-4, .gx-md-4 { - --bs-gutter-x: 1.5rem; } + --bs-gutter-x: 1.5rem; + } + .g-md-4, .gy-md-4 { - --bs-gutter-y: 1.5rem; } + --bs-gutter-y: 1.5rem; + } + .g-md-5, .gx-md-5 { - --bs-gutter-x: 3rem; } + --bs-gutter-x: 3rem; + } + .g-md-5, .gy-md-5 { - --bs-gutter-y: 3rem; } } + --bs-gutter-y: 3rem; + } +} @media (min-width: 992px) { .col-lg { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; } - .row-cols-lg-auto > * { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + + .row-cols-lg-auto>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } - .row-cols-lg-1 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + + .row-cols-lg-1>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } - .row-cols-lg-2 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + + .row-cols-lg-2>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } - .row-cols-lg-3 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + + .row-cols-lg-3>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } - .row-cols-lg-4 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; + } + + .row-cols-lg-4>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } - .row-cols-lg-5 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + + .row-cols-lg-5>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; } - .row-cols-lg-6 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + + .row-cols-lg-6>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; + } + .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333%; + } + .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; + } + .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; + } + .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66667%; + } + .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333%; + } + .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66667%; + } + .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333%; + } + .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66667%; + } + .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .offset-lg-0 { - margin-left: 0; } + margin-left: 0; + } + .offset-lg-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } + .offset-lg-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } + .offset-lg-3 { - margin-left: 25%; } + margin-left: 25%; + } + .offset-lg-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } + .offset-lg-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } + .offset-lg-6 { - margin-left: 50%; } + margin-left: 50%; + } + .offset-lg-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } + .offset-lg-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } + .offset-lg-9 { - margin-left: 75%; } + margin-left: 75%; + } + .offset-lg-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } + .offset-lg-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; + } + .g-lg-0, .gx-lg-0 { - --bs-gutter-x: 0; } + --bs-gutter-x: 0; + } + .g-lg-0, .gy-lg-0 { - --bs-gutter-y: 0; } + --bs-gutter-y: 0; + } + .g-lg-1, .gx-lg-1 { - --bs-gutter-x: 0.25rem; } + --bs-gutter-x: 0.25rem; + } + .g-lg-1, .gy-lg-1 { - --bs-gutter-y: 0.25rem; } + --bs-gutter-y: 0.25rem; + } + .g-lg-2, .gx-lg-2 { - --bs-gutter-x: 0.5rem; } + --bs-gutter-x: 0.5rem; + } + .g-lg-2, .gy-lg-2 { - --bs-gutter-y: 0.5rem; } + --bs-gutter-y: 0.5rem; + } + .g-lg-3, .gx-lg-3 { - --bs-gutter-x: 1rem; } + --bs-gutter-x: 1rem; + } + .g-lg-3, .gy-lg-3 { - --bs-gutter-y: 1rem; } + --bs-gutter-y: 1rem; + } + .g-lg-4, .gx-lg-4 { - --bs-gutter-x: 1.5rem; } + --bs-gutter-x: 1.5rem; + } + .g-lg-4, .gy-lg-4 { - --bs-gutter-y: 1.5rem; } + --bs-gutter-y: 1.5rem; + } + .g-lg-5, .gx-lg-5 { - --bs-gutter-x: 3rem; } + --bs-gutter-x: 3rem; + } + .g-lg-5, .gy-lg-5 { - --bs-gutter-y: 3rem; } } + --bs-gutter-y: 3rem; + } +} @media (min-width: 1200px) { .col-xl { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; } - .row-cols-xl-auto > * { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + + .row-cols-xl-auto>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } - .row-cols-xl-1 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + + .row-cols-xl-1>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } - .row-cols-xl-2 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xl-2>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } - .row-cols-xl-3 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xl-3>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } - .row-cols-xl-4 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; + } + + .row-cols-xl-4>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } - .row-cols-xl-5 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xl-5>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; } - .row-cols-xl-6 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xl-6>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; + } + .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333%; + } + .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; + } + .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; + } + .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66667%; + } + .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333%; + } + .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66667%; + } + .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333%; + } + .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66667%; + } + .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .offset-xl-0 { - margin-left: 0; } + margin-left: 0; + } + .offset-xl-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } + .offset-xl-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } + .offset-xl-3 { - margin-left: 25%; } + margin-left: 25%; + } + .offset-xl-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } + .offset-xl-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } + .offset-xl-6 { - margin-left: 50%; } + margin-left: 50%; + } + .offset-xl-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } + .offset-xl-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } + .offset-xl-9 { - margin-left: 75%; } + margin-left: 75%; + } + .offset-xl-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } + .offset-xl-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; + } + .g-xl-0, .gx-xl-0 { - --bs-gutter-x: 0; } + --bs-gutter-x: 0; + } + .g-xl-0, .gy-xl-0 { - --bs-gutter-y: 0; } + --bs-gutter-y: 0; + } + .g-xl-1, .gx-xl-1 { - --bs-gutter-x: 0.25rem; } + --bs-gutter-x: 0.25rem; + } + .g-xl-1, .gy-xl-1 { - --bs-gutter-y: 0.25rem; } + --bs-gutter-y: 0.25rem; + } + .g-xl-2, .gx-xl-2 { - --bs-gutter-x: 0.5rem; } + --bs-gutter-x: 0.5rem; + } + .g-xl-2, .gy-xl-2 { - --bs-gutter-y: 0.5rem; } + --bs-gutter-y: 0.5rem; + } + .g-xl-3, .gx-xl-3 { - --bs-gutter-x: 1rem; } + --bs-gutter-x: 1rem; + } + .g-xl-3, .gy-xl-3 { - --bs-gutter-y: 1rem; } + --bs-gutter-y: 1rem; + } + .g-xl-4, .gx-xl-4 { - --bs-gutter-x: 1.5rem; } + --bs-gutter-x: 1.5rem; + } + .g-xl-4, .gy-xl-4 { - --bs-gutter-y: 1.5rem; } + --bs-gutter-y: 1.5rem; + } + .g-xl-5, .gx-xl-5 { - --bs-gutter-x: 3rem; } + --bs-gutter-x: 3rem; + } + .g-xl-5, .gy-xl-5 { - --bs-gutter-y: 3rem; } } + --bs-gutter-y: 3rem; + } +} @media (min-width: 1400px) { .col-xxl { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; } - .row-cols-xxl-auto > * { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + + .row-cols-xxl-auto>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } - .row-cols-xxl-1 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + + .row-cols-xxl-1>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } - .row-cols-xxl-2 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xxl-2>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } - .row-cols-xxl-3 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xxl-3>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } - .row-cols-xxl-4 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; + } + + .row-cols-xxl-4>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } - .row-cols-xxl-5 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xxl-5>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; } - .row-cols-xxl-6 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xxl-6>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; + } + .col-xxl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .col-xxl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333%; + } + .col-xxl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66667%; + } + .col-xxl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .col-xxl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333%; + } + .col-xxl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66667%; + } + .col-xxl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .col-xxl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333%; + } + .col-xxl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66667%; + } + .col-xxl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .col-xxl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.33333%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333%; + } + .col-xxl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.66667%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66667%; + } + .col-xxl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; } + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .offset-xxl-0 { - margin-left: 0; } + margin-left: 0; + } + .offset-xxl-1 { - margin-left: 8.33333%; } + margin-left: 8.33333%; + } + .offset-xxl-2 { - margin-left: 16.66667%; } + margin-left: 16.66667%; + } + .offset-xxl-3 { - margin-left: 25%; } + margin-left: 25%; + } + .offset-xxl-4 { - margin-left: 33.33333%; } + margin-left: 33.33333%; + } + .offset-xxl-5 { - margin-left: 41.66667%; } + margin-left: 41.66667%; + } + .offset-xxl-6 { - margin-left: 50%; } + margin-left: 50%; + } + .offset-xxl-7 { - margin-left: 58.33333%; } + margin-left: 58.33333%; + } + .offset-xxl-8 { - margin-left: 66.66667%; } + margin-left: 66.66667%; + } + .offset-xxl-9 { - margin-left: 75%; } + margin-left: 75%; + } + .offset-xxl-10 { - margin-left: 83.33333%; } + margin-left: 83.33333%; + } + .offset-xxl-11 { - margin-left: 91.66667%; } + margin-left: 91.66667%; + } + .g-xxl-0, .gx-xxl-0 { - --bs-gutter-x: 0; } + --bs-gutter-x: 0; + } + .g-xxl-0, .gy-xxl-0 { - --bs-gutter-y: 0; } + --bs-gutter-y: 0; + } + .g-xxl-1, .gx-xxl-1 { - --bs-gutter-x: 0.25rem; } + --bs-gutter-x: 0.25rem; + } + .g-xxl-1, .gy-xxl-1 { - --bs-gutter-y: 0.25rem; } + --bs-gutter-y: 0.25rem; + } + .g-xxl-2, .gx-xxl-2 { - --bs-gutter-x: 0.5rem; } + --bs-gutter-x: 0.5rem; + } + .g-xxl-2, .gy-xxl-2 { - --bs-gutter-y: 0.5rem; } + --bs-gutter-y: 0.5rem; + } + .g-xxl-3, .gx-xxl-3 { - --bs-gutter-x: 1rem; } + --bs-gutter-x: 1rem; + } + .g-xxl-3, .gy-xxl-3 { - --bs-gutter-y: 1rem; } + --bs-gutter-y: 1rem; + } + .g-xxl-4, .gx-xxl-4 { - --bs-gutter-x: 1.5rem; } + --bs-gutter-x: 1.5rem; + } + .g-xxl-4, .gy-xxl-4 { - --bs-gutter-y: 1.5rem; } + --bs-gutter-y: 1.5rem; + } + .g-xxl-5, .gx-xxl-5 { - --bs-gutter-x: 3rem; } + --bs-gutter-x: 3rem; + } + .g-xxl-5, .gy-xxl-5 { - --bs-gutter-y: 3rem; } } + --bs-gutter-y: 3rem; + } +} .table { --bs-table-bg: transparent; @@ -2445,48 +3283,67 @@ .table { margin-bottom: 1rem; color: #212529; vertical-align: top; - border-color: #dee2e6; } - .table > :not(caption) > * > * { - padding: 0.5rem 0.5rem; - background-color: var(--bs-table-bg); - border-bottom-width: 1px; - -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); - box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } - .table > tbody { - vertical-align: inherit; } - .table > thead { - vertical-align: bottom; } - .table > :not(:first-child) { - border-top: 2px solid currentColor; } + border-color: #dee2e6; +} + +.table> :not(caption)>*>* { + padding: 0.5rem 0.5rem; + background-color: var(--bs-table-bg); + border-bottom-width: 1px; + -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); + box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); +} + +.table>tbody { + vertical-align: inherit; +} + +.table>thead { + vertical-align: bottom; +} + +.table> :not(:first-child) { + border-top: 2px solid currentColor; +} .caption-top { - caption-side: top; } + caption-side: top; +} -.table-sm > :not(caption) > * > * { - padding: 0.25rem 0.25rem; } +.table-sm> :not(caption)>*>* { + padding: 0.25rem 0.25rem; +} -.table-bordered > :not(caption) > * { - border-width: 1px 0; } - .table-bordered > :not(caption) > * > * { - border-width: 0 1px; } +.table-bordered> :not(caption)>* { + border-width: 1px 0; +} -.table-borderless > :not(caption) > * > * { - border-bottom-width: 0; } +.table-bordered> :not(caption)>*>* { + border-width: 0 1px; +} -.table-borderless > :not(:first-child) { - border-top-width: 0; } +.table-borderless> :not(caption)>*>* { + border-bottom-width: 0; +} -.table-striped > tbody > tr:nth-of-type(odd) > * { +.table-borderless> :not(:first-child) { + border-top-width: 0; +} + +.table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--bs-table-striped-color); } + color: var(--bs-table-striped-color); +} .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); - color: var(--bs-table-active-color); } + color: var(--bs-table-active-color); +} -.table-hover > tbody > tr:hover > * { +.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: var(--bs-table-hover-bg); - color: var(--bs-table-hover-color); } + color: var(--bs-table-hover-color); +} .table-primary { --bs-table-bg: #cfe7ff; @@ -2497,7 +3354,8 @@ .table-primary { --bs-table-hover-bg: #c1d8ee; --bs-table-hover-color: #191922; color: #191922; - border-color: #bdd2e9; } + border-color: #bdd2e9; +} .table-secondary { --bs-table-bg: #e2e3e5; @@ -2508,7 +3366,8 @@ .table-secondary { --bs-table-hover-bg: #d3d4d6; --bs-table-hover-color: #191922; color: #191922; - border-color: #cecfd2; } + border-color: #cecfd2; +} .table-success { --bs-table-bg: #ccefe9; @@ -2519,7 +3378,8 @@ .table-success { --bs-table-hover-bg: #bfdfda; --bs-table-hover-color: #191922; color: #191922; - border-color: #badad5; } + border-color: #badad5; +} .table-info { --bs-table-bg: #cff4fc; @@ -2530,7 +3390,8 @@ .table-info { --bs-table-hover-bg: #c1e4ec; --bs-table-hover-color: #191922; color: #191922; - border-color: #bddee6; } + border-color: #bddee6; +} .table-warning { --bs-table-bg: #fff4d1; @@ -2541,7 +3402,8 @@ .table-warning { --bs-table-hover-bg: #eee4c4; --bs-table-hover-color: #191922; color: #191922; - border-color: #e8dec0; } + border-color: #e8dec0; +} .table-danger { --bs-table-bg: #fcdedb; @@ -2552,7 +3414,8 @@ .table-danger { --bs-table-hover-bg: #ebcfcd; --bs-table-hover-color: #191922; color: #191922; - border-color: #e5cac9; } + border-color: #e5cac9; +} .table-light { --bs-table-bg: #f8f9fa; @@ -2563,7 +3426,8 @@ .table-light { --bs-table-hover-bg: #e7e8ea; --bs-table-hover-color: #191922; color: #191922; - border-color: #e2e3e4; } + border-color: #e2e3e4; +} .table-dark { --bs-table-bg: #212529; @@ -2574,61 +3438,78 @@ .table-dark { --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; - border-color: #373b3e; } + border-color: #373b3e; +} .table-responsive { overflow-x: auto; - -webkit-overflow-scrolling: touch; } + -webkit-overflow-scrolling: touch; +} @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; - -webkit-overflow-scrolling: touch; } } + -webkit-overflow-scrolling: touch; + } +} @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; - -webkit-overflow-scrolling: touch; } } + -webkit-overflow-scrolling: touch; + } +} @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; - -webkit-overflow-scrolling: touch; } } + -webkit-overflow-scrolling: touch; + } +} @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; - -webkit-overflow-scrolling: touch; } } + -webkit-overflow-scrolling: touch; + } +} @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; - -webkit-overflow-scrolling: touch; } } + -webkit-overflow-scrolling: touch; + } +} .form-label { - margin-bottom: 0.5rem; } + margin-bottom: 0.5rem; +} .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; - line-height: 1.5; } + line-height: 1.5; +} .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); - font-size: 1.25rem; } + font-size: 1.25rem; +} .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); - font-size: 0.875rem; } + font-size: 0.875rem; +} .form-text { margin-top: 0.25rem; font-size: 0.875em; - color: #6c757d; } + color: #6c757d; +} .form-control { display: block; @@ -2642,94 +3523,133 @@ .form-control { background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .form-control { - -webkit-transition: none; - transition: none; } } - .form-control[type="file"] { - overflow: hidden; } - .form-control[type="file"]:not(:disabled):not([readonly]) { - cursor: pointer; } - .form-control:focus { - color: #212529; - background-color: #fff; - border-color: #88c4ff; - outline: 0; - -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); - box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); } - .form-control::-webkit-date-and-time-value { - height: 1.5em; } - .form-control::-webkit-input-placeholder { - color: #6c757d; - opacity: 1; } - .form-control::-moz-placeholder { - color: #6c757d; - opacity: 1; } - .form-control:-ms-input-placeholder { - color: #6c757d; - opacity: 1; } - .form-control::-ms-input-placeholder { - color: #6c757d; - opacity: 1; } - .form-control::placeholder { - color: #6c757d; - opacity: 1; } - .form-control:disabled, .form-control[readonly] { - background-color: #e9ecef; - opacity: 1; } + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + -webkit-transition: none; + transition: none; + } +} + +.form-control[type="file"] { + overflow: hidden; +} + +.form-control[type="file"]:not(:disabled):not([readonly]) { + cursor: pointer; +} + +.form-control:focus { + color: #212529; + background-color: #fff; + border-color: #88c4ff; + outline: 0; + -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); + box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); +} + +.form-control::-webkit-date-and-time-value { + height: 1.5em; +} + +.form-control::-webkit-input-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control::-moz-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control::-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:disabled, +.form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +.form-control::file-selector-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { - padding: 0.375rem 0.75rem; - margin: -0.375rem -0.75rem; - -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; - color: #212529; - background-color: #e9ecef; - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: 1px; - border-radius: 0; - -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .form-control::file-selector-button { - -webkit-transition: none; - transition: none; } } - .form-control:hover:not(:disabled):not([readonly])::file-selector-button { - background-color: #dde0e3; } + -webkit-transition: none; + transition: none; + } +} + +.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: #dde0e3; +} + +.form-control::-webkit-file-upload-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { - padding: 0.375rem 0.75rem; - margin: -0.375rem -0.75rem; - -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; - color: #212529; - background-color: #e9ecef; - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: 1px; - border-radius: 0; - -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .form-control::-webkit-file-upload-button { - -webkit-transition: none; - transition: none; } } - .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { - background-color: #dde0e3; } + -webkit-transition: none; + transition: none; + } +} + +.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: #dde0e3; +} .form-control-plaintext { display: block; @@ -2740,64 +3660,88 @@ .form-control-plaintext { color: #212529; background-color: transparent; border: solid transparent; - border-width: 1px 0; } - .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { - padding-right: 0; - padding-left: 0; } + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, +.form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} .form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; - border-radius: 0.2rem; } - .form-control-sm::file-selector-button { - padding: 0.25rem 0.5rem; - margin: -0.25rem -0.5rem; - -webkit-margin-end: 0.5rem; - margin-inline-end: 0.5rem; } - .form-control-sm::-webkit-file-upload-button { - padding: 0.25rem 0.5rem; - margin: -0.25rem -0.5rem; - -webkit-margin-end: 0.5rem; - margin-inline-end: 0.5rem; } + border-radius: 0.2rem; +} + +.form-control-sm::file-selector-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.form-control-sm::-webkit-file-upload-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; - border-radius: 0.3rem; } - .form-control-lg::file-selector-button { - padding: 0.5rem 1rem; - margin: -0.5rem -1rem; - -webkit-margin-end: 1rem; - margin-inline-end: 1rem; } - .form-control-lg::-webkit-file-upload-button { - padding: 0.5rem 1rem; - margin: -0.5rem -1rem; - -webkit-margin-end: 1rem; - margin-inline-end: 1rem; } + border-radius: 0.3rem; +} + +.form-control-lg::file-selector-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} + +.form-control-lg::-webkit-file-upload-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} textarea.form-control { - min-height: calc(1.5em + 0.75rem + 2px); } + min-height: calc(1.5em + 0.75rem + 2px); +} textarea.form-control-sm { - min-height: calc(1.5em + 0.5rem + 2px); } + min-height: calc(1.5em + 0.5rem + 2px); +} textarea.form-control-lg { - min-height: calc(1.5em + 1rem + 2px); } + min-height: calc(1.5em + 1rem + 2px); +} .form-control-color { width: 3rem; height: auto; - padding: 0.375rem; } - .form-control-color:not(:disabled):not([readonly]) { - cursor: pointer; } - .form-control-color::-moz-color-swatch { - height: 1.5em; - border-radius: 0.25rem; } - .form-control-color::-webkit-color-swatch { - height: 1.5em; - border-radius: 0.25rem; } + padding: 0.375rem; +} + +.form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; +} + +.form-control-color::-moz-color-swatch { + height: 1.5em; + border-radius: 0.25rem; +} + +.form-control-color::-webkit-color-swatch { + height: 1.5em; + border-radius: 0.25rem; +} .form-select { display: block; @@ -2820,48 +3764,66 @@ .form-select { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .form-select { - -webkit-transition: none; - transition: none; } } - .form-select:focus { - border-color: #88c4ff; - outline: 0; - -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); - box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); } - .form-select[multiple], .form-select[size]:not([size="1"]) { - padding-right: 0.75rem; - background-image: none; } - .form-select:disabled { - background-color: #e9ecef; } - .form-select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #212529; } + -moz-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .form-select { + -webkit-transition: none; + transition: none; + } +} + +.form-select:focus { + border-color: #88c4ff; + outline: 0; + -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); + box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); +} + +.form-select[multiple], +.form-select[size]:not([size="1"]) { + padding-right: 0.75rem; + background-image: none; +} + +.form-select:disabled { + background-color: #e9ecef; +} + +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #212529; +} .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; - border-radius: 0.2rem; } + border-radius: 0.2rem; +} .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; - border-radius: 0.3rem; } + border-radius: 0.3rem; +} .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; - margin-bottom: 0.125rem; } - .form-check .form-check-input { - float: left; - margin-left: -1.5em; } + margin-bottom: 0.125rem; +} + +.form-check .form-check-input { + float: left; + margin-left: -1.5em; +} .form-check-input { width: 1em; @@ -2874,74 +3836,111 @@ .form-check-input { background-size: contain; border: 1px solid rgba(25, 25, 34, 0.25); -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; -webkit-print-color-adjust: exact; - color-adjust: exact; } - .form-check-input[type="checkbox"] { - border-radius: 0.25em; } - .form-check-input[type="radio"] { - border-radius: 50%; } - .form-check-input:active { - -webkit-filter: brightness(90%); - filter: brightness(90%); } - .form-check-input:focus { - border-color: #88c4ff; - outline: 0; - -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); - box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); } - .form-check-input:checked { - background-color: #1089ff; - border-color: #1089ff; } - .form-check-input:checked[type="checkbox"] { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } - .form-check-input:checked[type="radio"] { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } - .form-check-input[type="checkbox"]:indeterminate { - background-color: #1089ff; - border-color: #1089ff; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } - .form-check-input:disabled { - pointer-events: none; - -webkit-filter: none; - filter: none; - opacity: 0.5; } - .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { - opacity: 0.5; } + color-adjust: exact; +} + +.form-check-input[type="checkbox"] { + border-radius: 0.25em; +} + +.form-check-input[type="radio"] { + border-radius: 50%; +} + +.form-check-input:active { + -webkit-filter: brightness(90%); + filter: brightness(90%); +} + +.form-check-input:focus { + border-color: #88c4ff; + outline: 0; + -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); + box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); +} + +.form-check-input:checked { + background-color: #1089ff; + border-color: #1089ff; +} + +.form-check-input:checked[type="checkbox"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); +} + +.form-check-input:checked[type="radio"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); +} + +.form-check-input[type="checkbox"]:indeterminate { + background-color: #1089ff; + border-color: #1089ff; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); +} + +.form-check-input:disabled { + pointer-events: none; + -webkit-filter: none; + filter: none; + opacity: 0.5; +} + +.form-check-input[disabled]~.form-check-label, +.form-check-input:disabled~.form-check-label { + opacity: 0.5; +} .form-switch { - padding-left: 2.5em; } + padding-left: 2.5em; +} + +.form-switch .form-check-input { + width: 2em; + margin-left: -2.5em; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2825, 25, 34, 0.25%29'/%3e%3c/svg%3e"); + background-position: left center; + border-radius: 2em; + -webkit-transition: background-position 0.15s ease-in-out; + transition: background-position 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { - width: 2em; - margin-left: -2.5em; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2825, 25, 34, 0.25%29'/%3e%3c/svg%3e"); - background-position: left center; - border-radius: 2em; - -webkit-transition: background-position 0.15s ease-in-out; - transition: background-position 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .form-switch .form-check-input { - -webkit-transition: none; - transition: none; } } - .form-switch .form-check-input:focus { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2388c4ff'/%3e%3c/svg%3e"); } - .form-switch .form-check-input:checked { - background-position: right center; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } + -webkit-transition: none; + transition: none; + } +} + +.form-switch .form-check-input:focus { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2388c4ff'/%3e%3c/svg%3e"); +} + +.form-switch .form-check-input:checked { + background-position: right center; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} .form-check-inline { display: inline-block; - margin-right: 1rem; } + margin-right: 1rem; +} .btn-check { position: absolute; clip: rect(0, 0, 0, 0); - pointer-events: none; } - .btn-check[disabled] + .btn, .btn-check:disabled + .btn { - pointer-events: none; - -webkit-filter: none; - filter: none; - opacity: 0.65; } + pointer-events: none; +} + +.btn-check[disabled]+.btn, +.btn-check:disabled+.btn { + pointer-events: none; + -webkit-filter: none; + filter: none; + opacity: 0.65; +} .form-range { width: 100%; @@ -2949,142 +3948,214 @@ .form-range { padding: 0; background-color: transparent; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } - .form-range:focus { - outline: 0; } - .form-range:focus::-webkit-slider-thumb { - -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(16, 137, 255, 0.25); - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(16, 137, 255, 0.25); } - .form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(16, 137, 255, 0.25); } - .form-range::-moz-focus-outer { - border: 0; } + -moz-appearance: none; + appearance: none; +} + +.form-range:focus { + outline: 0; +} + +.form-range:focus::-webkit-slider-thumb { + -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(16, 137, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(16, 137, 255, 0.25); +} + +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(16, 137, 255, 0.25); +} + +.form-range::-moz-focus-outer { + border: 0; +} + +.form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #1089ff; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #1089ff; - border: 0; - border-radius: 1rem; - -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; - -webkit-appearance: none; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .form-range::-webkit-slider-thumb { - -webkit-transition: none; - transition: none; } } - .form-range::-webkit-slider-thumb:active { - background-color: #b7dcff; } - .form-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; } + -webkit-transition: none; + transition: none; + } +} + +.form-range::-webkit-slider-thumb:active { + background-color: #b7dcff; +} + +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #1089ff; + border: 0; + border-radius: 1rem; + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -moz-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: #1089ff; - border: 0; - border-radius: 1rem; - -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -moz-appearance: none; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .form-range::-moz-range-thumb { - -moz-transition: none; - transition: none; } } - .form-range::-moz-range-thumb:active { - background-color: #b7dcff; } - .form-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; } - .form-range:disabled { - pointer-events: none; } - .form-range:disabled::-webkit-slider-thumb { - background-color: #adb5bd; } - .form-range:disabled::-moz-range-thumb { - background-color: #adb5bd; } + -moz-transition: none; + transition: none; + } +} + +.form-range::-moz-range-thumb:active { + background-color: #b7dcff; +} + +.form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.form-range:disabled { + pointer-events: none; +} + +.form-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} + +.form-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} .form-floating { - position: relative; } - .form-floating > .form-control, - .form-floating > .form-select { - height: calc(3.5rem + 2px); - line-height: 1.25; } - .form-floating > label { - position: absolute; - top: 0; - left: 0; - height: 100%; - padding: 1rem 0.75rem; - pointer-events: none; - border: 1px solid transparent; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; - transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; - transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; - transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .form-floating > label { - -webkit-transition: none; - transition: none; } } - .form-floating > .form-control { - padding: 1rem 0.75rem; } - .form-floating > .form-control::-webkit-input-placeholder { - color: transparent; } - .form-floating > .form-control::-moz-placeholder { - color: transparent; } - .form-floating > .form-control:-ms-input-placeholder { - color: transparent; } - .form-floating > .form-control::-ms-input-placeholder { - color: transparent; } - .form-floating > .form-control::placeholder { - color: transparent; } - .form-floating > .form-control:not(:-moz-placeholder-shown) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; } - .form-floating > .form-control:not(:-ms-input-placeholder) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; } - .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; } - .form-floating > .form-control:-webkit-autofill { - padding-top: 1.625rem; - padding-bottom: 0.625rem; } - .form-floating > .form-select { - padding-top: 1.625rem; - padding-bottom: 0.625rem; } - .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } - .form-floating > .form-control:not(:-ms-input-placeholder) ~ label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } - .form-floating > .form-control:focus ~ label, - .form-floating > .form-control:not(:placeholder-shown) ~ label, - .form-floating > .form-select ~ label { - opacity: 0.65; - -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } - .form-floating > .form-control:-webkit-autofill ~ label { - opacity: 0.65; - -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } + position: relative; +} + +.form-floating>.form-control, +.form-floating>.form-select { + height: calc(3.5rem + 2px); + line-height: 1.25; +} + +.form-floating>label { + position: absolute; + top: 0; + left: 0; + height: 100%; + padding: 1rem 0.75rem; + pointer-events: none; + border: 1px solid transparent; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; + transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-floating>label { + -webkit-transition: none; + transition: none; + } +} + +.form-floating>.form-control { + padding: 1rem 0.75rem; +} + +.form-floating>.form-control::-webkit-input-placeholder { + color: transparent; +} + +.form-floating>.form-control::-moz-placeholder { + color: transparent; +} + +.form-floating>.form-control:-ms-input-placeholder { + color: transparent; +} + +.form-floating>.form-control::-ms-input-placeholder { + color: transparent; +} + +.form-floating>.form-control::placeholder { + color: transparent; +} + +.form-floating>.form-control:not(:-moz-placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-control:not(:-ms-input-placeholder) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-control:focus, +.form-floating>.form-control:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-control:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-control:not(:-moz-placeholder-shown)~label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating>.form-control:not(:-ms-input-placeholder)~label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating>.form-control:focus~label, +.form-floating>.form-control:not(:placeholder-shown)~label, +.form-floating>.form-select~label { + opacity: 0.65; + -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating>.form-control:-webkit-autofill~label { + opacity: 0.65; + -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} .input-group { position: relative; @@ -3093,30 +4164,39 @@ .input-group { display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; - width: 100%; } - .input-group > .form-control, - .input-group > .form-select { - position: relative; - -webkit-box-flex: 1; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 1%; - min-width: 0; } - .input-group > .form-control:focus, - .input-group > .form-select:focus { - z-index: 3; } - .input-group .btn { - position: relative; - z-index: 2; } - .input-group .btn:focus { - z-index: 3; } + -ms-flex-align: stretch; + align-items: stretch; + width: 100%; +} + +.input-group>.form-control, +.input-group>.form-select { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; + min-width: 0; +} + +.input-group>.form-control:focus, +.input-group>.form-select:focus { + z-index: 3; +} + +.input-group .btn { + position: relative; + z-index: 2; +} + +.input-group .btn:focus { + z-index: 3; +} .input-group-text { display: -webkit-box; @@ -3125,8 +4205,8 @@ .input-group-text { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; @@ -3136,49 +4216,57 @@ .input-group-text { white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} -.input-group-lg > .form-control, -.input-group-lg > .form-select, -.input-group-lg > .input-group-text, -.input-group-lg > .btn { +.input-group-lg>.form-control, +.input-group-lg>.form-select, +.input-group-lg>.input-group-text, +.input-group-lg>.btn { padding: 0.5rem 1rem; font-size: 1.25rem; - border-radius: 0.3rem; } + border-radius: 0.3rem; +} -.input-group-sm > .form-control, -.input-group-sm > .form-select, -.input-group-sm > .input-group-text, -.input-group-sm > .btn { +.input-group-sm>.form-control, +.input-group-sm>.form-select, +.input-group-sm>.input-group-text, +.input-group-sm>.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; - border-radius: 0.2rem; } + border-radius: 0.2rem; +} -.input-group-lg > .form-select, -.input-group-sm > .form-select { - padding-right: 3rem; } +.input-group-lg>.form-select, +.input-group-sm>.form-select { + padding-right: 3rem; +} -.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) { +.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), +.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) { border-top-right-radius: 0; - border-bottom-right-radius: 0; } + border-bottom-right-radius: 0; +} -.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), -.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) { +.input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), +.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4) { border-top-right-radius: 0; - border-bottom-right-radius: 0; } + border-bottom-right-radius: 0; +} -.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { +.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; - border-bottom-left-radius: 0; } + border-bottom-left-radius: 0; +} .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; - color: #00af91; } + color: #00af91; +} .valid-tooltip { position: absolute; @@ -3191,70 +4279,107 @@ .valid-tooltip { font-size: 0.875rem; color: #191922; background-color: rgba(0, 175, 145, 0.9); - border-radius: 0.25rem; } + border-radius: 0.25rem; +} -.was-validated :valid ~ .valid-feedback, -.was-validated :valid ~ .valid-tooltip, -.is-valid ~ .valid-feedback, -.is-valid ~ .valid-tooltip { - display: block; } +.was-validated :valid~.valid-feedback, +.was-validated :valid~.valid-tooltip, +.is-valid~.valid-feedback, +.is-valid~.valid-tooltip { + display: block; +} -.was-validated .form-control:valid, .form-control.is-valid { +.was-validated .form-control:valid, +.form-control.is-valid { border-color: #00af91; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300af91' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: #00af91; - -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); - box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); } + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} -.was-validated textarea.form-control:valid, textarea.form-control.is-valid { +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus { + border-color: #00af91; + -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); + box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); +} + +.was-validated textarea.form-control:valid, +textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} -.was-validated .form-select:valid, .form-select.is-valid { - border-color: #00af91; } - .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { - padding-right: 4.125rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300af91' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-select:valid:focus, .form-select.is-valid:focus { - border-color: #00af91; - -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); - box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); } +.was-validated .form-select:valid, +.form-select.is-valid { + border-color: #00af91; +} -.was-validated .form-check-input:valid, .form-check-input.is-valid { - border-color: #00af91; } - .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { - background-color: #00af91; } - .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); - box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); } - .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #00af91; } +.was-validated .form-select:valid:not([multiple]):not([size]), +.was-validated .form-select:valid:not([multiple])[size="1"], +.form-select.is-valid:not([multiple]):not([size]), +.form-select.is-valid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300af91' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} -.form-check-inline .form-check-input ~ .valid-feedback { - margin-left: .5em; } +.was-validated .form-select:valid:focus, +.form-select.is-valid:focus { + border-color: #00af91; + -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); + box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); +} -.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated -.input-group .form-select:valid, +.was-validated .form-check-input:valid, +.form-check-input.is-valid { + border-color: #00af91; +} + +.was-validated .form-check-input:valid:checked, +.form-check-input.is-valid:checked { + background-color: #00af91; +} + +.was-validated .form-check-input:valid:focus, +.form-check-input.is-valid:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); + box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.25); +} + +.was-validated .form-check-input:valid~.form-check-label, +.form-check-input.is-valid~.form-check-label { + color: #00af91; +} + +.form-check-inline .form-check-input~.valid-feedback { + margin-left: .5em; +} + +.was-validated .input-group .form-control:valid, +.input-group .form-control.is-valid, +.was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { - z-index: 1; } - .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated - .input-group .form-select:valid:focus, - .input-group .form-select.is-valid:focus { - z-index: 3; } + z-index: 1; +} + +.was-validated .input-group .form-control:valid:focus, +.input-group .form-control.is-valid:focus, +.was-validated .input-group .form-select:valid:focus, +.input-group .form-select.is-valid:focus { + z-index: 3; +} .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; - color: #f15c4c; } + color: #f15c4c; +} .invalid-tooltip { position: absolute; @@ -3267,63 +4392,99 @@ .invalid-tooltip { font-size: 0.875rem; color: #191922; background-color: rgba(241, 92, 76, 0.9); - border-radius: 0.25rem; } + border-radius: 0.25rem; +} -.was-validated :invalid ~ .invalid-feedback, -.was-validated :invalid ~ .invalid-tooltip, -.is-invalid ~ .invalid-feedback, -.is-invalid ~ .invalid-tooltip { - display: block; } +.was-validated :invalid~.invalid-feedback, +.was-validated :invalid~.invalid-tooltip, +.is-invalid~.invalid-feedback, +.is-invalid~.invalid-tooltip { + display: block; +} -.was-validated .form-control:invalid, .form-control.is-invalid { +.was-validated .form-control:invalid, +.form-control.is-invalid { border-color: #f15c4c; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f15c4c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f15c4c' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { - border-color: #f15c4c; - -webkit-box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); - box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); } + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} -.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus { + border-color: #f15c4c; + -webkit-box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); + box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); +} + +.was-validated textarea.form-control:invalid, +textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} -.was-validated .form-select:invalid, .form-select.is-invalid { - border-color: #f15c4c; } - .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { - padding-right: 4.125rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f15c4c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f15c4c' stroke='none'/%3e%3c/svg%3e"); - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { - border-color: #f15c4c; - -webkit-box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); - box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); } +.was-validated .form-select:invalid, +.form-select.is-invalid { + border-color: #f15c4c; +} -.was-validated .form-check-input:invalid, .form-check-input.is-invalid { - border-color: #f15c4c; } - .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { - background-color: #f15c4c; } - .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); - box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); } - .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #f15c4c; } +.was-validated .form-select:invalid:not([multiple]):not([size]), +.was-validated .form-select:invalid:not([multiple])[size="1"], +.form-select.is-invalid:not([multiple]):not([size]), +.form-select.is-invalid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f15c4c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f15c4c' stroke='none'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} -.form-check-inline .form-check-input ~ .invalid-feedback { - margin-left: .5em; } +.was-validated .form-select:invalid:focus, +.form-select.is-invalid:focus { + border-color: #f15c4c; + -webkit-box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); + box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); +} -.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated -.input-group .form-select:invalid, +.was-validated .form-check-input:invalid, +.form-check-input.is-invalid { + border-color: #f15c4c; +} + +.was-validated .form-check-input:invalid:checked, +.form-check-input.is-invalid:checked { + background-color: #f15c4c; +} + +.was-validated .form-check-input:invalid:focus, +.form-check-input.is-invalid:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); + box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.25); +} + +.was-validated .form-check-input:invalid~.form-check-label, +.form-check-input.is-invalid~.form-check-label { + color: #f15c4c; +} + +.form-check-inline .form-check-input~.invalid-feedback { + margin-left: .5em; +} + +.was-validated .input-group .form-control:invalid, +.input-group .form-control.is-invalid, +.was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { - z-index: 2; } - .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated - .input-group .form-select:invalid:focus, - .input-group .form-select.is-invalid:focus { - z-index: 3; } + z-index: 2; +} + +.was-validated .input-group .form-control:invalid:focus, +.input-group .form-control.is-invalid:focus, +.was-validated .input-group .form-select:invalid:focus, +.input-group .form-select.is-invalid:focus { + z-index: 3; +} .btn { display: inline-block; @@ -3335,9 +4496,9 @@ .btn { vertical-align: middle; cursor: pointer; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; @@ -3346,516 +4507,848 @@ .btn { -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .btn { - -webkit-transition: none; - transition: none; } } - .btn:hover { - color: #212529; } - .btn-check:focus + .btn, .btn:focus { - outline: 0; - -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); - box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); } - .btn:disabled, .btn.disabled, - fieldset:disabled .btn { - pointer-events: none; - opacity: 0.65; } + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .btn { + -webkit-transition: none; + transition: none; + } +} + +.btn:hover { + color: #212529; +} + +.btn-check:focus+.btn, +.btn:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); + box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); +} + +.btn:disabled, +.btn.disabled, +fieldset:disabled .btn { + pointer-events: none; + opacity: 0.65; +} .btn-primary { color: #191922; background-color: #1089ff; - border-color: #1089ff; } - .btn-primary:hover { - color: #191922; - background-color: #349bff; - border-color: #2895ff; } - .btn-check:focus + .btn-primary, .btn-primary:focus { - color: #191922; - background-color: #349bff; - border-color: #2895ff; - -webkit-box-shadow: 0 0 0 0.25rem rgba(17, 120, 222, 0.5); - box-shadow: 0 0 0 0.25rem rgba(17, 120, 222, 0.5); } - .btn-check:checked + .btn-primary, - .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, - .show > .btn-primary.dropdown-toggle { - color: #191922; - background-color: #40a1ff; - border-color: #2895ff; } - .btn-check:checked + .btn-primary:focus, - .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, - .show > .btn-primary.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(17, 120, 222, 0.5); - box-shadow: 0 0 0 0.25rem rgba(17, 120, 222, 0.5); } - .btn-primary:disabled, .btn-primary.disabled { - color: #191922; - background-color: #1089ff; - border-color: #1089ff; } + border-color: #1089ff; +} + +.btn-primary:hover { + color: #191922; + background-color: #349bff; + border-color: #2895ff; +} + +.btn-check:focus+.btn-primary, +.btn-primary:focus { + color: #191922; + background-color: #349bff; + border-color: #2895ff; + -webkit-box-shadow: 0 0 0 0.25rem rgba(17, 120, 222, 0.5); + box-shadow: 0 0 0 0.25rem rgba(17, 120, 222, 0.5); +} + +.btn-check:checked+.btn-primary, +.btn-check:active+.btn-primary, +.btn-primary:active, +.btn-primary.active, +.show>.btn-primary.dropdown-toggle { + color: #191922; + background-color: #40a1ff; + border-color: #2895ff; +} + +.btn-check:checked+.btn-primary:focus, +.btn-check:active+.btn-primary:focus, +.btn-primary:active:focus, +.btn-primary.active:focus, +.show>.btn-primary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(17, 120, 222, 0.5); + box-shadow: 0 0 0 0.25rem rgba(17, 120, 222, 0.5); +} + +.btn-primary:disabled, +.btn-primary.disabled { + color: #191922; + background-color: #1089ff; + border-color: #1089ff; +} .btn-secondary { color: #fff; background-color: #6c757d; - border-color: #6c757d; } - .btn-secondary:hover { - color: #fff; - background-color: #5c636a; - border-color: #565e64; } - .btn-check:focus + .btn-secondary, .btn-secondary:focus { - color: #fff; - background-color: #5c636a; - border-color: #565e64; - -webkit-box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); - box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } - .btn-check:checked + .btn-secondary, - .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, - .show > .btn-secondary.dropdown-toggle { - color: #fff; - background-color: #565e64; - border-color: #51585e; } - .btn-check:checked + .btn-secondary:focus, - .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, - .show > .btn-secondary.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); - box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } - .btn-secondary:disabled, .btn-secondary.disabled { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; } + border-color: #6c757d; +} + +.btn-secondary:hover { + color: #fff; + background-color: #5c636a; + border-color: #565e64; +} + +.btn-check:focus+.btn-secondary, +.btn-secondary:focus { + color: #fff; + background-color: #5c636a; + border-color: #565e64; + -webkit-box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); + box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); +} + +.btn-check:checked+.btn-secondary, +.btn-check:active+.btn-secondary, +.btn-secondary:active, +.btn-secondary.active, +.show>.btn-secondary.dropdown-toggle { + color: #fff; + background-color: #565e64; + border-color: #51585e; +} + +.btn-check:checked+.btn-secondary:focus, +.btn-check:active+.btn-secondary:focus, +.btn-secondary:active:focus, +.btn-secondary.active:focus, +.show>.btn-secondary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); + box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); +} + +.btn-secondary:disabled, +.btn-secondary.disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} .btn-success { color: #191922; background-color: #00af91; - border-color: #00af91; } - .btn-success:hover { - color: #191922; - background-color: #26bba2; - border-color: #1ab79c; } - .btn-check:focus + .btn-success, .btn-success:focus { - color: #191922; - background-color: #26bba2; - border-color: #1ab79c; - -webkit-box-shadow: 0 0 0 0.25rem rgba(4, 153, 128, 0.5); - box-shadow: 0 0 0 0.25rem rgba(4, 153, 128, 0.5); } - .btn-check:checked + .btn-success, - .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, - .show > .btn-success.dropdown-toggle { - color: #191922; - background-color: #33bfa7; - border-color: #1ab79c; } - .btn-check:checked + .btn-success:focus, - .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, - .show > .btn-success.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(4, 153, 128, 0.5); - box-shadow: 0 0 0 0.25rem rgba(4, 153, 128, 0.5); } - .btn-success:disabled, .btn-success.disabled { - color: #191922; - background-color: #00af91; - border-color: #00af91; } + border-color: #00af91; +} + +.btn-success:hover { + color: #191922; + background-color: #26bba2; + border-color: #1ab79c; +} + +.btn-check:focus+.btn-success, +.btn-success:focus { + color: #191922; + background-color: #26bba2; + border-color: #1ab79c; + -webkit-box-shadow: 0 0 0 0.25rem rgba(4, 153, 128, 0.5); + box-shadow: 0 0 0 0.25rem rgba(4, 153, 128, 0.5); +} + +.btn-check:checked+.btn-success, +.btn-check:active+.btn-success, +.btn-success:active, +.btn-success.active, +.show>.btn-success.dropdown-toggle { + color: #191922; + background-color: #33bfa7; + border-color: #1ab79c; +} + +.btn-check:checked+.btn-success:focus, +.btn-check:active+.btn-success:focus, +.btn-success:active:focus, +.btn-success.active:focus, +.show>.btn-success.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(4, 153, 128, 0.5); + box-shadow: 0 0 0 0.25rem rgba(4, 153, 128, 0.5); +} + +.btn-success:disabled, +.btn-success.disabled { + color: #191922; + background-color: #00af91; + border-color: #00af91; +} .btn-info { color: #191922; background-color: #0dcaf0; - border-color: #0dcaf0; } - .btn-info:hover { - color: #191922; - background-color: #31d2f2; - border-color: #25cff2; } - .btn-check:focus + .btn-info, .btn-info:focus { - color: #191922; - background-color: #31d2f2; - border-color: #25cff2; - -webkit-box-shadow: 0 0 0 0.25rem rgba(15, 175, 209, 0.5); - box-shadow: 0 0 0 0.25rem rgba(15, 175, 209, 0.5); } - .btn-check:checked + .btn-info, - .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, - .show > .btn-info.dropdown-toggle { - color: #191922; - background-color: #3dd5f3; - border-color: #25cff2; } - .btn-check:checked + .btn-info:focus, - .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, - .show > .btn-info.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(15, 175, 209, 0.5); - box-shadow: 0 0 0 0.25rem rgba(15, 175, 209, 0.5); } - .btn-info:disabled, .btn-info.disabled { - color: #191922; - background-color: #0dcaf0; - border-color: #0dcaf0; } + border-color: #0dcaf0; +} + +.btn-info:hover { + color: #191922; + background-color: #31d2f2; + border-color: #25cff2; +} + +.btn-check:focus+.btn-info, +.btn-info:focus { + color: #191922; + background-color: #31d2f2; + border-color: #25cff2; + -webkit-box-shadow: 0 0 0 0.25rem rgba(15, 175, 209, 0.5); + box-shadow: 0 0 0 0.25rem rgba(15, 175, 209, 0.5); +} + +.btn-check:checked+.btn-info, +.btn-check:active+.btn-info, +.btn-info:active, +.btn-info.active, +.show>.btn-info.dropdown-toggle { + color: #191922; + background-color: #3dd5f3; + border-color: #25cff2; +} + +.btn-check:checked+.btn-info:focus, +.btn-check:active+.btn-info:focus, +.btn-info:active:focus, +.btn-info.active:focus, +.show>.btn-info.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(15, 175, 209, 0.5); + box-shadow: 0 0 0 0.25rem rgba(15, 175, 209, 0.5); +} + +.btn-info:disabled, +.btn-info.disabled { + color: #191922; + background-color: #0dcaf0; + border-color: #0dcaf0; +} .btn-warning { color: #191922; background-color: #ffc91b; - border-color: #ffc91b; } - .btn-warning:hover { - color: #191922; - background-color: #ffd13d; - border-color: #ffce32; } - .btn-check:focus + .btn-warning, .btn-warning:focus { - color: #191922; - background-color: #ffd13d; - border-color: #ffce32; - -webkit-box-shadow: 0 0 0 0.25rem rgba(221, 175, 28, 0.5); - box-shadow: 0 0 0 0.25rem rgba(221, 175, 28, 0.5); } - .btn-check:checked + .btn-warning, - .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, - .show > .btn-warning.dropdown-toggle { - color: #191922; - background-color: #ffd449; - border-color: #ffce32; } - .btn-check:checked + .btn-warning:focus, - .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, - .show > .btn-warning.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(221, 175, 28, 0.5); - box-shadow: 0 0 0 0.25rem rgba(221, 175, 28, 0.5); } - .btn-warning:disabled, .btn-warning.disabled { - color: #191922; - background-color: #ffc91b; - border-color: #ffc91b; } + border-color: #ffc91b; +} + +.btn-warning:hover { + color: #191922; + background-color: #ffd13d; + border-color: #ffce32; +} + +.btn-check:focus+.btn-warning, +.btn-warning:focus { + color: #191922; + background-color: #ffd13d; + border-color: #ffce32; + -webkit-box-shadow: 0 0 0 0.25rem rgba(221, 175, 28, 0.5); + box-shadow: 0 0 0 0.25rem rgba(221, 175, 28, 0.5); +} + +.btn-check:checked+.btn-warning, +.btn-check:active+.btn-warning, +.btn-warning:active, +.btn-warning.active, +.show>.btn-warning.dropdown-toggle { + color: #191922; + background-color: #ffd449; + border-color: #ffce32; +} + +.btn-check:checked+.btn-warning:focus, +.btn-check:active+.btn-warning:focus, +.btn-warning:active:focus, +.btn-warning.active:focus, +.show>.btn-warning.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(221, 175, 28, 0.5); + box-shadow: 0 0 0 0.25rem rgba(221, 175, 28, 0.5); +} + +.btn-warning:disabled, +.btn-warning.disabled { + color: #191922; + background-color: #ffc91b; + border-color: #ffc91b; +} .btn-danger { color: #191922; background-color: #f15c4c; - border-color: #f15c4c; } - .btn-danger:hover { - color: #191922; - background-color: #f37467; - border-color: #f26c5e; } - .btn-check:focus + .btn-danger, .btn-danger:focus { - color: #191922; - background-color: #f37467; - border-color: #f26c5e; - -webkit-box-shadow: 0 0 0 0.25rem rgba(209, 82, 70, 0.5); - box-shadow: 0 0 0 0.25rem rgba(209, 82, 70, 0.5); } - .btn-check:checked + .btn-danger, - .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, - .show > .btn-danger.dropdown-toggle { - color: #191922; - background-color: #f47d70; - border-color: #f26c5e; } - .btn-check:checked + .btn-danger:focus, - .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, - .show > .btn-danger.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(209, 82, 70, 0.5); - box-shadow: 0 0 0 0.25rem rgba(209, 82, 70, 0.5); } - .btn-danger:disabled, .btn-danger.disabled { - color: #191922; - background-color: #f15c4c; - border-color: #f15c4c; } + border-color: #f15c4c; +} + +.btn-danger:hover { + color: #191922; + background-color: #f37467; + border-color: #f26c5e; +} + +.btn-check:focus+.btn-danger, +.btn-danger:focus { + color: #191922; + background-color: #f37467; + border-color: #f26c5e; + -webkit-box-shadow: 0 0 0 0.25rem rgba(209, 82, 70, 0.5); + box-shadow: 0 0 0 0.25rem rgba(209, 82, 70, 0.5); +} + +.btn-check:checked+.btn-danger, +.btn-check:active+.btn-danger, +.btn-danger:active, +.btn-danger.active, +.show>.btn-danger.dropdown-toggle { + color: #191922; + background-color: #f47d70; + border-color: #f26c5e; +} + +.btn-check:checked+.btn-danger:focus, +.btn-check:active+.btn-danger:focus, +.btn-danger:active:focus, +.btn-danger.active:focus, +.show>.btn-danger.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(209, 82, 70, 0.5); + box-shadow: 0 0 0 0.25rem rgba(209, 82, 70, 0.5); +} + +.btn-danger:disabled, +.btn-danger.disabled { + color: #191922; + background-color: #f15c4c; + border-color: #f15c4c; +} .btn-light { color: #191922; background-color: #f8f9fa; - border-color: #f8f9fa; } - .btn-light:hover { - color: #191922; - background-color: #f9fafb; - border-color: #f9fafb; } - .btn-check:focus + .btn-light, .btn-light:focus { - color: #191922; - background-color: #f9fafb; - border-color: #f9fafb; - -webkit-box-shadow: 0 0 0 0.25rem rgba(215, 215, 218, 0.5); - box-shadow: 0 0 0 0.25rem rgba(215, 215, 218, 0.5); } - .btn-check:checked + .btn-light, - .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, - .show > .btn-light.dropdown-toggle { - color: #191922; - background-color: #f9fafb; - border-color: #f9fafb; } - .btn-check:checked + .btn-light:focus, - .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, - .show > .btn-light.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(215, 215, 218, 0.5); - box-shadow: 0 0 0 0.25rem rgba(215, 215, 218, 0.5); } - .btn-light:disabled, .btn-light.disabled { - color: #191922; - background-color: #f8f9fa; - border-color: #f8f9fa; } + border-color: #f8f9fa; +} + +.btn-light:hover { + color: #191922; + background-color: #f9fafb; + border-color: #f9fafb; +} + +.btn-check:focus+.btn-light, +.btn-light:focus { + color: #191922; + background-color: #f9fafb; + border-color: #f9fafb; + -webkit-box-shadow: 0 0 0 0.25rem rgba(215, 215, 218, 0.5); + box-shadow: 0 0 0 0.25rem rgba(215, 215, 218, 0.5); +} + +.btn-check:checked+.btn-light, +.btn-check:active+.btn-light, +.btn-light:active, +.btn-light.active, +.show>.btn-light.dropdown-toggle { + color: #191922; + background-color: #f9fafb; + border-color: #f9fafb; +} + +.btn-check:checked+.btn-light:focus, +.btn-check:active+.btn-light:focus, +.btn-light:active:focus, +.btn-light.active:focus, +.show>.btn-light.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(215, 215, 218, 0.5); + box-shadow: 0 0 0 0.25rem rgba(215, 215, 218, 0.5); +} + +.btn-light:disabled, +.btn-light.disabled { + color: #191922; + background-color: #f8f9fa; + border-color: #f8f9fa; +} .btn-dark { color: #fff; background-color: #212529; - border-color: #212529; } - .btn-dark:hover { - color: #fff; - background-color: #1c1f23; - border-color: #1a1e21; } - .btn-check:focus + .btn-dark, .btn-dark:focus { - color: #fff; - background-color: #1c1f23; - border-color: #1a1e21; - -webkit-box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); - box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } - .btn-check:checked + .btn-dark, - .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, - .show > .btn-dark.dropdown-toggle { - color: #fff; - background-color: #1a1e21; - border-color: #191c1f; } - .btn-check:checked + .btn-dark:focus, - .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, - .show > .btn-dark.dropdown-toggle:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); - box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } - .btn-dark:disabled, .btn-dark.disabled { - color: #fff; - background-color: #212529; - border-color: #212529; } + border-color: #212529; +} + +.btn-dark:hover { + color: #fff; + background-color: #1c1f23; + border-color: #1a1e21; +} + +.btn-check:focus+.btn-dark, +.btn-dark:focus { + color: #fff; + background-color: #1c1f23; + border-color: #1a1e21; + -webkit-box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); + box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); +} + +.btn-check:checked+.btn-dark, +.btn-check:active+.btn-dark, +.btn-dark:active, +.btn-dark.active, +.show>.btn-dark.dropdown-toggle { + color: #fff; + background-color: #1a1e21; + border-color: #191c1f; +} + +.btn-check:checked+.btn-dark:focus, +.btn-check:active+.btn-dark:focus, +.btn-dark:active:focus, +.btn-dark.active:focus, +.show>.btn-dark.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); + box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); +} + +.btn-dark:disabled, +.btn-dark.disabled { + color: #fff; + background-color: #212529; + border-color: #212529; +} .btn-outline-primary { color: #1089ff; - border-color: #1089ff; } - .btn-outline-primary:hover { - color: #191922; - background-color: #1089ff; - border-color: #1089ff; } - .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.5); - box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.5); } - .btn-check:checked + .btn-outline-primary, - .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { - color: #191922; - background-color: #1089ff; - border-color: #1089ff; } - .btn-check:checked + .btn-outline-primary:focus, - .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.5); - box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.5); } - .btn-outline-primary:disabled, .btn-outline-primary.disabled { - color: #1089ff; - background-color: transparent; } + border-color: #1089ff; +} + +.btn-outline-primary:hover { + color: #191922; + background-color: #1089ff; + border-color: #1089ff; +} + +.btn-check:focus+.btn-outline-primary, +.btn-outline-primary:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.5); + box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.5); +} + +.btn-check:checked+.btn-outline-primary, +.btn-check:active+.btn-outline-primary, +.btn-outline-primary:active, +.btn-outline-primary.active, +.btn-outline-primary.dropdown-toggle.show { + color: #191922; + background-color: #1089ff; + border-color: #1089ff; +} + +.btn-check:checked+.btn-outline-primary:focus, +.btn-check:active+.btn-outline-primary:focus, +.btn-outline-primary:active:focus, +.btn-outline-primary.active:focus, +.btn-outline-primary.dropdown-toggle.show:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.5); + box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.5); +} + +.btn-outline-primary:disabled, +.btn-outline-primary.disabled { + color: #1089ff; + background-color: transparent; +} .btn-outline-secondary { color: #6c757d; - border-color: #6c757d; } - .btn-outline-secondary:hover { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; } - .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); - box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } - .btn-check:checked + .btn-outline-secondary, - .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; } - .btn-check:checked + .btn-outline-secondary:focus, - .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); - box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } - .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { - color: #6c757d; - background-color: transparent; } + border-color: #6c757d; +} + +.btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-check:focus+.btn-outline-secondary, +.btn-outline-secondary:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); + box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); +} + +.btn-check:checked+.btn-outline-secondary, +.btn-check:active+.btn-outline-secondary, +.btn-outline-secondary:active, +.btn-outline-secondary.active, +.btn-outline-secondary.dropdown-toggle.show { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-check:checked+.btn-outline-secondary:focus, +.btn-check:active+.btn-outline-secondary:focus, +.btn-outline-secondary:active:focus, +.btn-outline-secondary.active:focus, +.btn-outline-secondary.dropdown-toggle.show:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); + box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); +} + +.btn-outline-secondary:disabled, +.btn-outline-secondary.disabled { + color: #6c757d; + background-color: transparent; +} .btn-outline-success { color: #00af91; - border-color: #00af91; } - .btn-outline-success:hover { - color: #191922; - background-color: #00af91; - border-color: #00af91; } - .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.5); - box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.5); } - .btn-check:checked + .btn-outline-success, - .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { - color: #191922; - background-color: #00af91; - border-color: #00af91; } - .btn-check:checked + .btn-outline-success:focus, - .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.5); - box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.5); } - .btn-outline-success:disabled, .btn-outline-success.disabled { - color: #00af91; - background-color: transparent; } + border-color: #00af91; +} + +.btn-outline-success:hover { + color: #191922; + background-color: #00af91; + border-color: #00af91; +} + +.btn-check:focus+.btn-outline-success, +.btn-outline-success:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.5); + box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.5); +} + +.btn-check:checked+.btn-outline-success, +.btn-check:active+.btn-outline-success, +.btn-outline-success:active, +.btn-outline-success.active, +.btn-outline-success.dropdown-toggle.show { + color: #191922; + background-color: #00af91; + border-color: #00af91; +} + +.btn-check:checked+.btn-outline-success:focus, +.btn-check:active+.btn-outline-success:focus, +.btn-outline-success:active:focus, +.btn-outline-success.active:focus, +.btn-outline-success.dropdown-toggle.show:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.5); + box-shadow: 0 0 0 0.25rem rgba(0, 175, 145, 0.5); +} + +.btn-outline-success:disabled, +.btn-outline-success.disabled { + color: #00af91; + background-color: transparent; +} .btn-outline-info { color: #0dcaf0; - border-color: #0dcaf0; } - .btn-outline-info:hover { - color: #191922; - background-color: #0dcaf0; - border-color: #0dcaf0; } - .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); - box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } - .btn-check:checked + .btn-outline-info, - .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { - color: #191922; - background-color: #0dcaf0; - border-color: #0dcaf0; } - .btn-check:checked + .btn-outline-info:focus, - .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); - box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } - .btn-outline-info:disabled, .btn-outline-info.disabled { - color: #0dcaf0; - background-color: transparent; } + border-color: #0dcaf0; +} + +.btn-outline-info:hover { + color: #191922; + background-color: #0dcaf0; + border-color: #0dcaf0; +} + +.btn-check:focus+.btn-outline-info, +.btn-outline-info:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); + box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); +} + +.btn-check:checked+.btn-outline-info, +.btn-check:active+.btn-outline-info, +.btn-outline-info:active, +.btn-outline-info.active, +.btn-outline-info.dropdown-toggle.show { + color: #191922; + background-color: #0dcaf0; + border-color: #0dcaf0; +} + +.btn-check:checked+.btn-outline-info:focus, +.btn-check:active+.btn-outline-info:focus, +.btn-outline-info:active:focus, +.btn-outline-info.active:focus, +.btn-outline-info.dropdown-toggle.show:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); + box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); +} + +.btn-outline-info:disabled, +.btn-outline-info.disabled { + color: #0dcaf0; + background-color: transparent; +} .btn-outline-warning { color: #ffc91b; - border-color: #ffc91b; } - .btn-outline-warning:hover { - color: #191922; - background-color: #ffc91b; - border-color: #ffc91b; } - .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(255, 201, 27, 0.5); - box-shadow: 0 0 0 0.25rem rgba(255, 201, 27, 0.5); } - .btn-check:checked + .btn-outline-warning, - .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { - color: #191922; - background-color: #ffc91b; - border-color: #ffc91b; } - .btn-check:checked + .btn-outline-warning:focus, - .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(255, 201, 27, 0.5); - box-shadow: 0 0 0 0.25rem rgba(255, 201, 27, 0.5); } - .btn-outline-warning:disabled, .btn-outline-warning.disabled { - color: #ffc91b; - background-color: transparent; } + border-color: #ffc91b; +} + +.btn-outline-warning:hover { + color: #191922; + background-color: #ffc91b; + border-color: #ffc91b; +} + +.btn-check:focus+.btn-outline-warning, +.btn-outline-warning:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(255, 201, 27, 0.5); + box-shadow: 0 0 0 0.25rem rgba(255, 201, 27, 0.5); +} + +.btn-check:checked+.btn-outline-warning, +.btn-check:active+.btn-outline-warning, +.btn-outline-warning:active, +.btn-outline-warning.active, +.btn-outline-warning.dropdown-toggle.show { + color: #191922; + background-color: #ffc91b; + border-color: #ffc91b; +} + +.btn-check:checked+.btn-outline-warning:focus, +.btn-check:active+.btn-outline-warning:focus, +.btn-outline-warning:active:focus, +.btn-outline-warning.active:focus, +.btn-outline-warning.dropdown-toggle.show:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(255, 201, 27, 0.5); + box-shadow: 0 0 0 0.25rem rgba(255, 201, 27, 0.5); +} + +.btn-outline-warning:disabled, +.btn-outline-warning.disabled { + color: #ffc91b; + background-color: transparent; +} .btn-outline-danger { color: #f15c4c; - border-color: #f15c4c; } - .btn-outline-danger:hover { - color: #191922; - background-color: #f15c4c; - border-color: #f15c4c; } - .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.5); - box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.5); } - .btn-check:checked + .btn-outline-danger, - .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { - color: #191922; - background-color: #f15c4c; - border-color: #f15c4c; } - .btn-check:checked + .btn-outline-danger:focus, - .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.5); - box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.5); } - .btn-outline-danger:disabled, .btn-outline-danger.disabled { - color: #f15c4c; - background-color: transparent; } + border-color: #f15c4c; +} + +.btn-outline-danger:hover { + color: #191922; + background-color: #f15c4c; + border-color: #f15c4c; +} + +.btn-check:focus+.btn-outline-danger, +.btn-outline-danger:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.5); + box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.5); +} + +.btn-check:checked+.btn-outline-danger, +.btn-check:active+.btn-outline-danger, +.btn-outline-danger:active, +.btn-outline-danger.active, +.btn-outline-danger.dropdown-toggle.show { + color: #191922; + background-color: #f15c4c; + border-color: #f15c4c; +} + +.btn-check:checked+.btn-outline-danger:focus, +.btn-check:active+.btn-outline-danger:focus, +.btn-outline-danger:active:focus, +.btn-outline-danger.active:focus, +.btn-outline-danger.dropdown-toggle.show:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.5); + box-shadow: 0 0 0 0.25rem rgba(241, 92, 76, 0.5); +} + +.btn-outline-danger:disabled, +.btn-outline-danger.disabled { + color: #f15c4c; + background-color: transparent; +} .btn-outline-light { color: #f8f9fa; - border-color: #f8f9fa; } - .btn-outline-light:hover { - color: #191922; - background-color: #f8f9fa; - border-color: #f8f9fa; } - .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); - box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } - .btn-check:checked + .btn-outline-light, - .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { - color: #191922; - background-color: #f8f9fa; - border-color: #f8f9fa; } - .btn-check:checked + .btn-outline-light:focus, - .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); - box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } - .btn-outline-light:disabled, .btn-outline-light.disabled { - color: #f8f9fa; - background-color: transparent; } + border-color: #f8f9fa; +} + +.btn-outline-light:hover { + color: #191922; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-check:focus+.btn-outline-light, +.btn-outline-light:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); + box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); +} + +.btn-check:checked+.btn-outline-light, +.btn-check:active+.btn-outline-light, +.btn-outline-light:active, +.btn-outline-light.active, +.btn-outline-light.dropdown-toggle.show { + color: #191922; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-check:checked+.btn-outline-light:focus, +.btn-check:active+.btn-outline-light:focus, +.btn-outline-light:active:focus, +.btn-outline-light.active:focus, +.btn-outline-light.dropdown-toggle.show:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); + box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); +} + +.btn-outline-light:disabled, +.btn-outline-light.disabled { + color: #f8f9fa; + background-color: transparent; +} .btn-outline-dark { color: #212529; - border-color: #212529; } - .btn-outline-dark:hover { - color: #fff; - background-color: #212529; - border-color: #212529; } - .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); - box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } - .btn-check:checked + .btn-outline-dark, - .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { - color: #fff; - background-color: #212529; - border-color: #212529; } - .btn-check:checked + .btn-outline-dark:focus, - .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { - -webkit-box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); - box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } - .btn-outline-dark:disabled, .btn-outline-dark.disabled { - color: #212529; - background-color: transparent; } + border-color: #212529; +} + +.btn-outline-dark:hover { + color: #fff; + background-color: #212529; + border-color: #212529; +} + +.btn-check:focus+.btn-outline-dark, +.btn-outline-dark:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); + box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); +} + +.btn-check:checked+.btn-outline-dark, +.btn-check:active+.btn-outline-dark, +.btn-outline-dark:active, +.btn-outline-dark.active, +.btn-outline-dark.dropdown-toggle.show { + color: #fff; + background-color: #212529; + border-color: #212529; +} + +.btn-check:checked+.btn-outline-dark:focus, +.btn-check:active+.btn-outline-dark:focus, +.btn-outline-dark:active:focus, +.btn-outline-dark.active:focus, +.btn-outline-dark.dropdown-toggle.show:focus { + -webkit-box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); + box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); +} + +.btn-outline-dark:disabled, +.btn-outline-dark.disabled { + color: #212529; + background-color: transparent; +} .btn-link { font-weight: 400; color: #1089ff; - text-decoration: underline; } - .btn-link:hover { - color: #0d6ecc; } - .btn-link:disabled, .btn-link.disabled { - color: #6c757d; } + text-decoration: underline; +} -.btn-lg, .btn-group-lg > .btn { +.btn-link:hover { + color: #0d6ecc; +} + +.btn-link:disabled, +.btn-link.disabled { + color: #6c757d; +} + +.btn-lg, +.btn-group-lg>.btn { padding: 0.5rem 1rem; font-size: 1.25rem; - border-radius: 0.3rem; } + border-radius: 0.3rem; +} -.btn-sm, .btn-group-sm > .btn { +.btn-sm, +.btn-group-sm>.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; - border-radius: 0.2rem; } + border-radius: 0.2rem; +} .fade { -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; } - @media (prefers-reduced-motion: reduce) { - .fade { - -webkit-transition: none; - transition: none; } } - .fade:not(.show) { - opacity: 0; } + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .fade { + -webkit-transition: none; + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} .collapse:not(.show) { - display: none; } + display: none; +} .collapsing { height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - transition: height 0.35s ease; } - @media (prefers-reduced-motion: reduce) { - .collapsing { - -webkit-transition: none; - transition: none; } } + transition: height 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + -webkit-transition: none; + transition: none; + } +} + +.collapsing.collapse-horizontal { + width: 0; + height: auto; + -webkit-transition: width 0.35s ease; + transition: width 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { - width: 0; - height: auto; - -webkit-transition: width 0.35s ease; - transition: width 0.35s ease; } - @media (prefers-reduced-motion: reduce) { - .collapsing.collapse-horizontal { - -webkit-transition: none; - transition: none; } } + -webkit-transition: none; + transition: none; + } +} .dropup, .dropend, .dropdown, .dropstart { - position: relative; } + position: relative; +} .dropdown-toggle { - white-space: nowrap; } - .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; } - .dropdown-toggle:empty::after { - margin-left: 0; } + white-space: nowrap; +} + +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} .dropdown-menu { position: absolute; @@ -3871,89 +5364,139 @@ .dropdown-menu { background-color: #fff; background-clip: padding-box; border: 1px solid rgba(25, 25, 34, 0.15); - border-radius: 0.25rem; } - .dropdown-menu[data-bs-popper] { - top: 100%; - left: 0; - margin-top: 0.125rem; } + border-radius: 0.25rem; +} + +.dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: 0.125rem; +} .dropdown-menu-start { - --bs-position: start; } - .dropdown-menu-start[data-bs-popper] { - right: auto; - left: 0; } + --bs-position: start; +} + +.dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; +} .dropdown-menu-end { - --bs-position: end; } - .dropdown-menu-end[data-bs-popper] { - right: 0; - left: auto; } + --bs-position: end; +} + +.dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; +} @media (min-width: 576px) { .dropdown-menu-sm-start { - --bs-position: start; } - .dropdown-menu-sm-start[data-bs-popper] { - right: auto; - left: 0; } + --bs-position: start; + } + + .dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-sm-end { - --bs-position: end; } - .dropdown-menu-sm-end[data-bs-popper] { - right: 0; - left: auto; } } + --bs-position: end; + } + + .dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; + } +} @media (min-width: 768px) { .dropdown-menu-md-start { - --bs-position: start; } - .dropdown-menu-md-start[data-bs-popper] { - right: auto; - left: 0; } + --bs-position: start; + } + + .dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-md-end { - --bs-position: end; } - .dropdown-menu-md-end[data-bs-popper] { - right: 0; - left: auto; } } + --bs-position: end; + } + + .dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; + } +} @media (min-width: 992px) { .dropdown-menu-lg-start { - --bs-position: start; } - .dropdown-menu-lg-start[data-bs-popper] { - right: auto; - left: 0; } + --bs-position: start; + } + + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-lg-end { - --bs-position: end; } - .dropdown-menu-lg-end[data-bs-popper] { - right: 0; - left: auto; } } + --bs-position: end; + } + + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; + } +} @media (min-width: 1200px) { .dropdown-menu-xl-start { - --bs-position: start; } - .dropdown-menu-xl-start[data-bs-popper] { - right: auto; - left: 0; } + --bs-position: start; + } + + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xl-end { - --bs-position: end; } - .dropdown-menu-xl-end[data-bs-popper] { - right: 0; - left: auto; } } + --bs-position: end; + } + + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; + } +} @media (min-width: 1400px) { .dropdown-menu-xxl-start { - --bs-position: start; } - .dropdown-menu-xxl-start[data-bs-popper] { - right: auto; - left: 0; } + --bs-position: start; + } + + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xxl-end { - --bs-position: end; } - .dropdown-menu-xxl-end[data-bs-popper] { - right: 0; - left: auto; } } + --bs-position: end; + } + + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; + } +} .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; - margin-bottom: 0.125rem; } + margin-bottom: 0.125rem; +} .dropup .dropdown-toggle::after { display: inline-block; @@ -3963,17 +5506,20 @@ .dropup .dropdown-toggle::after { border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; } + border-left: 0.3em solid transparent; +} .dropup .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; - margin-left: 0.125rem; } + margin-left: 0.125rem; +} .dropend .dropdown-toggle::after { display: inline-block; @@ -3983,29 +5529,35 @@ .dropend .dropdown-toggle::after { border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; } + border-left: 0.3em solid; +} .dropend .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropend .dropdown-toggle::after { - vertical-align: 0; } + vertical-align: 0; +} .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; - margin-right: 0.125rem; } + margin-right: 0.125rem; +} .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; - content: ""; } + content: ""; +} .dropstart .dropdown-toggle::after { - display: none; } + display: none; +} .dropstart .dropdown-toggle::before { display: inline-block; @@ -4014,19 +5566,23 @@ .dropstart .dropdown-toggle::before { content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; } + border-bottom: 0.3em solid transparent; +} .dropstart .dropdown-toggle:empty::after { - margin-left: 0; } + margin-left: 0; +} .dropstart .dropdown-toggle::before { - vertical-align: 0; } + vertical-align: 0; +} .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; - border-top: 1px solid rgba(25, 25, 34, 0.15); } + border-top: 1px solid rgba(25, 25, 34, 0.15); +} .dropdown-item { display: block; @@ -4039,21 +5595,32 @@ .dropdown-item { text-decoration: none; white-space: nowrap; background-color: transparent; - border: 0; } - .dropdown-item:hover, .dropdown-item:focus { - color: #1e2125; - background-color: #e9ecef; } - .dropdown-item.active, .dropdown-item:active { - color: #fff; - text-decoration: none; - background-color: #1089ff; } - .dropdown-item.disabled, .dropdown-item:disabled { - color: #adb5bd; - pointer-events: none; - background-color: transparent; } + border: 0; +} + +.dropdown-item:hover, +.dropdown-item:focus { + color: #1e2125; + background-color: #e9ecef; +} + +.dropdown-item.active, +.dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #1089ff; +} + +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #adb5bd; + pointer-events: none; + background-color: transparent; +} .dropdown-menu.show { - display: block; } + display: block; +} .dropdown-header { display: block; @@ -4061,33 +5628,53 @@ .dropdown-header { margin-bottom: 0; font-size: 0.875rem; color: #6c757d; - white-space: nowrap; } + white-space: nowrap; +} .dropdown-item-text { display: block; padding: 0.25rem 1rem; - color: #212529; } + color: #212529; +} .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; - border-color: rgba(25, 25, 34, 0.15); } - .dropdown-menu-dark .dropdown-item { - color: #dee2e6; } - .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { - color: #fff; - background-color: rgba(255, 255, 255, 0.15); } - .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { - color: #fff; - background-color: #1089ff; } - .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { - color: #adb5bd; } - .dropdown-menu-dark .dropdown-divider { - border-color: rgba(25, 25, 34, 0.15); } - .dropdown-menu-dark .dropdown-item-text { - color: #dee2e6; } - .dropdown-menu-dark .dropdown-header { - color: #adb5bd; } + border-color: rgba(25, 25, 34, 0.15); +} + +.dropdown-menu-dark .dropdown-item { + color: #dee2e6; +} + +.dropdown-menu-dark .dropdown-item:hover, +.dropdown-menu-dark .dropdown-item:focus { + color: #fff; + background-color: rgba(255, 255, 255, 0.15); +} + +.dropdown-menu-dark .dropdown-item.active, +.dropdown-menu-dark .dropdown-item:active { + color: #fff; + background-color: #1089ff; +} + +.dropdown-menu-dark .dropdown-item.disabled, +.dropdown-menu-dark .dropdown-item:disabled { + color: #adb5bd; +} + +.dropdown-menu-dark .dropdown-divider { + border-color: rgba(25, 25, 34, 0.15); +} + +.dropdown-menu-dark .dropdown-item-text { + color: #dee2e6; +} + +.dropdown-menu-dark .dropdown-header { + color: #adb5bd; +} .btn-group, .btn-group-vertical { @@ -4096,27 +5683,32 @@ .btn-group-vertical { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; - vertical-align: middle; } - .btn-group > .btn, - .btn-group-vertical > .btn { - position: relative; - -webkit-box-flex: 1; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; } - .btn-group > .btn-check:checked + .btn, - .btn-group > .btn-check:focus + .btn, - .btn-group > .btn:hover, - .btn-group > .btn:focus, - .btn-group > .btn:active, - .btn-group > .btn.active, - .btn-group-vertical > .btn-check:checked + .btn, - .btn-group-vertical > .btn-check:focus + .btn, - .btn-group-vertical > .btn:hover, - .btn-group-vertical > .btn:focus, - .btn-group-vertical > .btn:active, - .btn-group-vertical > .btn.active { - z-index: 1; } + vertical-align: middle; +} + +.btn-group>.btn, +.btn-group-vertical>.btn { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.btn-group>.btn-check:checked+.btn, +.btn-group>.btn-check:focus+.btn, +.btn-group>.btn:hover, +.btn-group>.btn:focus, +.btn-group>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn-check:checked+.btn, +.btn-group-vertical>.btn-check:focus+.btn, +.btn-group-vertical>.btn:hover, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn.active { + z-index: 1; +} .btn-toolbar { display: -webkit-box; @@ -4124,76 +5716,100 @@ .btn-toolbar { display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } - .btn-toolbar .input-group { - width: auto; } + -ms-flex-pack: start; + justify-content: flex-start; +} -.btn-group > .btn:not(:first-child), -.btn-group > .btn-group:not(:first-child) { - margin-left: -1px; } +.btn-toolbar .input-group { + width: auto; +} -.btn-group > .btn:not(:last-child):not(.dropdown-toggle), -.btn-group > .btn-group:not(:last-child) > .btn { +.btn-group>.btn:not(:first-child), +.btn-group>.btn-group:not(:first-child) { + margin-left: -1px; +} + +.btn-group>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group>.btn-group:not(:last-child)>.btn { border-top-right-radius: 0; - border-bottom-right-radius: 0; } + border-bottom-right-radius: 0; +} -.btn-group > .btn:nth-child(n + 3), -.btn-group > :not(.btn-check) + .btn, -.btn-group > .btn-group:not(:first-child) > .btn { +.btn-group>.btn:nth-child(n + 3), +.btn-group> :not(.btn-check)+.btn, +.btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; - border-bottom-left-radius: 0; } + border-bottom-left-radius: 0; +} .dropdown-toggle-split { padding-right: 0.5625rem; - padding-left: 0.5625rem; } - .dropdown-toggle-split::after, - .dropup .dropdown-toggle-split::after, - .dropend .dropdown-toggle-split::after { - margin-left: 0; } - .dropstart .dropdown-toggle-split::before { - margin-right: 0; } + padding-left: 0.5625rem; +} -.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropend .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropstart .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm+.dropdown-toggle-split, +.btn-group-sm>.btn+.dropdown-toggle-split { padding-right: 0.375rem; - padding-left: 0.375rem; } + padding-left: 0.375rem; +} -.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split { padding-right: 0.75rem; - padding-left: 0.75rem; } + padding-left: 0.75rem; +} .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .btn-group-vertical > .btn, - .btn-group-vertical > .btn-group { - width: 100%; } - .btn-group-vertical > .btn:not(:first-child), - .btn-group-vertical > .btn-group:not(:first-child) { - margin-top: -1px; } - .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), - .btn-group-vertical > .btn-group:not(:last-child) > .btn { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - .btn-group-vertical > .btn ~ .btn, - .btn-group-vertical > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-top-right-radius: 0; } + -ms-flex-pack: center; + justify-content: center; +} + +.btn-group-vertical>.btn, +.btn-group-vertical>.btn-group { + width: 100%; +} + +.btn-group-vertical>.btn:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child) { + margin-top: -1px; +} + +.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical>.btn-group:not(:last-child)>.btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical>.btn~.btn, +.btn-group-vertical>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} .nav { display: -webkit-box; @@ -4201,11 +5817,12 @@ .nav { display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; padding-left: 0; margin-bottom: 0; - list-style: none; } + list-style: none; +} .nav-link { display: block; @@ -4213,81 +5830,109 @@ .nav-link { color: #1089ff; text-decoration: none; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .nav-link { - -webkit-transition: none; - transition: none; } } - .nav-link:hover, .nav-link:focus { - color: #0d6ecc; } - .nav-link.disabled { - color: #6c757d; - pointer-events: none; - cursor: default; } + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .nav-link { + -webkit-transition: none; + transition: none; + } +} + +.nav-link:hover, +.nav-link:focus { + color: #0d6ecc; +} + +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} .nav-tabs { - border-bottom: 1px solid #dee2e6; } - .nav-tabs .nav-link { - margin-bottom: -1px; - background: none; - border: 1px solid transparent; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; } - .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - border-color: #e9ecef #e9ecef #dee2e6; - isolation: isolate; } - .nav-tabs .nav-link.disabled { - color: #6c757d; - background-color: transparent; - border-color: transparent; } - .nav-tabs .nav-link.active, - .nav-tabs .nav-item.show .nav-link { - color: #495057; - background-color: #fff; - border-color: #dee2e6 #dee2e6 #fff; } - .nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; } + border-bottom: 1px solid #dee2e6; +} + +.nav-tabs .nav-link { + margin-bottom: -1px; + background: none; + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; + isolation: isolate; +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} .nav-pills .nav-link { background: none; border: 0; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .nav-pills .nav-link.active, -.nav-pills .show > .nav-link { +.nav-pills .show>.nav-link { color: #fff; - background-color: #1089ff; } + background-color: #1089ff; +} -.nav-fill > .nav-link, +.nav-fill>.nav-link, .nav-fill .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - text-align: center; } + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: center; +} -.nav-justified > .nav-link, +.nav-justified>.nav-link, .nav-justified .nav-item { -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; } + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; +} .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { - width: 100%; } + width: 100%; +} -.tab-content > .tab-pane { - display: none; } +.tab-content>.tab-pane { + display: none; +} -.tab-content > .active { - display: block; } +.tab-content>.active { + display: block; +} .navbar { position: relative; @@ -4296,35 +5941,43 @@ .navbar { display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; padding-top: 0.5rem; - padding-bottom: 0.5rem; } - .navbar > .container, - .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: inherit; - -ms-flex-wrap: inherit; - flex-wrap: inherit; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } + padding-bottom: 0.5rem; +} + +.navbar>.container, +.navbar>.container-fluid, +.navbar>.container-sm, +.navbar>.container-md, +.navbar>.container-lg, +.navbar>.container-xl, +.navbar>.container-xxl { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: inherit; + -ms-flex-wrap: inherit; + flex-wrap: inherit; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} .navbar-brand { padding-top: 0.3125rem; @@ -4332,7 +5985,8 @@ .navbar-brand { margin-right: 1rem; font-size: 1.25rem; text-decoration: none; - white-space: nowrap; } + white-space: nowrap; +} .navbar-nav { display: -webkit-box; @@ -4342,33 +5996,40 @@ .navbar-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; padding-left: 0; margin-bottom: 0; - list-style: none; } - .navbar-nav .nav-link { - padding-right: 0; - padding-left: 0; } - .navbar-nav .dropdown-menu { - position: static; } + list-style: none; +} + +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; +} .navbar-text { padding-top: 0.5rem; - padding-bottom: 0.5rem; } + padding-bottom: 0.5rem; +} .navbar-collapse { -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } + -ms-flex-align: center; + align-items: center; +} .navbar-toggler { padding: 0.25rem 0.75rem; @@ -4380,18 +6041,26 @@ .navbar-toggler { -webkit-transition: -webkit-box-shadow 0.15s ease-in-out; transition: -webkit-box-shadow 0.15s ease-in-out; transition: box-shadow 0.15s ease-in-out; - transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .navbar-toggler { - -webkit-transition: none; - transition: none; } } - .navbar-toggler:hover { - text-decoration: none; } - .navbar-toggler:focus { - text-decoration: none; - outline: 0; - -webkit-box-shadow: 0 0 0 0.25rem; - box-shadow: 0 0 0 0.25rem; } + transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .navbar-toggler { + -webkit-transition: none; + transition: none; + } +} + +.navbar-toggler:hover { + text-decoration: none; +} + +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + -webkit-box-shadow: 0 0 0 0.25rem; + box-shadow: 0 0 0 0.25rem; +} .navbar-toggler-icon { display: inline-block; @@ -4400,388 +6069,72 @@ .navbar-toggler-icon { vertical-align: middle; background-repeat: no-repeat; background-position: center; - background-size: 100%; } + background-size: 100%; +} .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); - overflow-y: auto; } + overflow-y: auto; +} @media (min-width: 576px) { .navbar-expand-sm { -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } - .navbar-expand-sm .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .navbar-expand-sm .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-sm .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-sm .navbar-nav-scroll { - overflow: visible; } - .navbar-expand-sm .navbar-collapse { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; } - .navbar-expand-sm .navbar-toggler { - display: none; } - .navbar-expand-sm .offcanvas-header { - display: none; } - .navbar-expand-sm .offcanvas { - position: inherit; - bottom: 0; - z-index: 1000; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - visibility: visible !important; - background-color: transparent; - border-right: 0; - border-left: 0; - -webkit-transition: none; - transition: none; - -webkit-transform: none; - transform: none; } - .navbar-expand-sm .offcanvas-top, - .navbar-expand-sm .offcanvas-bottom { - height: auto; - border-top: 0; - border-bottom: 0; } - .navbar-expand-sm .offcanvas-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - padding: 0; - overflow-y: visible; } } + -ms-flex-pack: start; + justify-content: flex-start; + } -@media (min-width: 768px) { - .navbar-expand-md { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } - .navbar-expand-md .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .navbar-expand-md .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-md .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-md .navbar-nav-scroll { - overflow: visible; } - .navbar-expand-md .navbar-collapse { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; } - .navbar-expand-md .navbar-toggler { - display: none; } - .navbar-expand-md .offcanvas-header { - display: none; } - .navbar-expand-md .offcanvas { - position: inherit; - bottom: 0; - z-index: 1000; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - visibility: visible !important; - background-color: transparent; - border-right: 0; - border-left: 0; - -webkit-transition: none; - transition: none; - -webkit-transform: none; - transform: none; } - .navbar-expand-md .offcanvas-top, - .navbar-expand-md .offcanvas-bottom { - height: auto; - border-top: 0; - border-bottom: 0; } - .navbar-expand-md .offcanvas-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - padding: 0; - overflow-y: visible; } } - -@media (min-width: 992px) { - .navbar-expand-lg { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } - .navbar-expand-lg .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-lg .navbar-nav-scroll { - overflow: visible; } - .navbar-expand-lg .navbar-collapse { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; } - .navbar-expand-lg .navbar-toggler { - display: none; } - .navbar-expand-lg .offcanvas-header { - display: none; } - .navbar-expand-lg .offcanvas { - position: inherit; - bottom: 0; - z-index: 1000; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - visibility: visible !important; - background-color: transparent; - border-right: 0; - border-left: 0; - -webkit-transition: none; - transition: none; - -webkit-transform: none; - transform: none; } - .navbar-expand-lg .offcanvas-top, - .navbar-expand-lg .offcanvas-bottom { - height: auto; - border-top: 0; - border-bottom: 0; } - .navbar-expand-lg .offcanvas-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - padding: 0; - overflow-y: visible; } } - -@media (min-width: 1200px) { - .navbar-expand-xl { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } - .navbar-expand-xl .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .navbar-expand-xl .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-xl .navbar-nav-scroll { - overflow: visible; } - .navbar-expand-xl .navbar-collapse { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; } - .navbar-expand-xl .navbar-toggler { - display: none; } - .navbar-expand-xl .offcanvas-header { - display: none; } - .navbar-expand-xl .offcanvas { - position: inherit; - bottom: 0; - z-index: 1000; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - visibility: visible !important; - background-color: transparent; - border-right: 0; - border-left: 0; - -webkit-transition: none; - transition: none; - -webkit-transform: none; - transform: none; } - .navbar-expand-xl .offcanvas-top, - .navbar-expand-xl .offcanvas-bottom { - height: auto; - border-top: 0; - border-bottom: 0; } - .navbar-expand-xl .offcanvas-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - padding: 0; - overflow-y: visible; } } - -@media (min-width: 1400px) { - .navbar-expand-xxl { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } - .navbar-expand-xxl .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .navbar-expand-xxl .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-xxl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-xxl .navbar-nav-scroll { - overflow: visible; } - .navbar-expand-xxl .navbar-collapse { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; } - .navbar-expand-xxl .navbar-toggler { - display: none; } - .navbar-expand-xxl .offcanvas-header { - display: none; } - .navbar-expand-xxl .offcanvas { - position: inherit; - bottom: 0; - z-index: 1000; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - visibility: visible !important; - background-color: transparent; - border-right: 0; - border-left: 0; - -webkit-transition: none; - transition: none; - -webkit-transform: none; - transform: none; } - .navbar-expand-xxl .offcanvas-top, - .navbar-expand-xxl .offcanvas-bottom { - height: auto; - border-top: 0; - border-bottom: 0; } - .navbar-expand-xxl .offcanvas-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - padding: 0; - overflow-y: visible; } } - -.navbar-expand { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } - .navbar-expand .navbar-nav { + .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .navbar-expand .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand .navbar-nav-scroll { - overflow: visible; } - .navbar-expand .navbar-collapse { + -ms-flex-direction: row; + flex-direction: row; + } + + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; } - .navbar-expand .navbar-toggler { - display: none; } - .navbar-expand .offcanvas-header { - display: none; } - .navbar-expand .offcanvas { + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + + .navbar-expand-sm .navbar-toggler { + display: none; + } + + .navbar-expand-sm .offcanvas-header { + display: none; + } + + .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; z-index: 1000; -webkit-box-flex: 1; -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; @@ -4789,83 +6142,564 @@ .navbar-expand { -webkit-transition: none; transition: none; -webkit-transform: none; - transform: none; } - .navbar-expand .offcanvas-top, - .navbar-expand .offcanvas-bottom { + transform: none; + } + + .navbar-expand-sm .offcanvas-top, + .navbar-expand-sm .offcanvas-bottom { height: auto; border-top: 0; - border-bottom: 0; } - .navbar-expand .offcanvas-body { + border-bottom: 0; + } + + .navbar-expand-sm .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; padding: 0; - overflow-y: visible; } + overflow-y: visible; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } + + .navbar-expand-md .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } + + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-md .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + + .navbar-expand-md .navbar-toggler { + display: none; + } + + .navbar-expand-md .offcanvas-header { + display: none; + } + + .navbar-expand-md .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + -webkit-transition: none; + transition: none; + -webkit-transform: none; + transform: none; + } + + .navbar-expand-md .offcanvas-top, + .navbar-expand-md .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + + .navbar-expand-md .offcanvas-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } + + .navbar-expand-lg .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } + + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-lg .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + + .navbar-expand-lg .navbar-toggler { + display: none; + } + + .navbar-expand-lg .offcanvas-header { + display: none; + } + + .navbar-expand-lg .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + -webkit-transition: none; + transition: none; + -webkit-transform: none; + transform: none; + } + + .navbar-expand-lg .offcanvas-top, + .navbar-expand-lg .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + + .navbar-expand-lg .offcanvas-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } + + .navbar-expand-xl .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } + + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-xl .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + + .navbar-expand-xl .navbar-toggler { + display: none; + } + + .navbar-expand-xl .offcanvas-header { + display: none; + } + + .navbar-expand-xl .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + -webkit-transition: none; + transition: none; + -webkit-transform: none; + transform: none; + } + + .navbar-expand-xl .offcanvas-top, + .navbar-expand-xl .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + + .navbar-expand-xl .offcanvas-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 1400px) { + .navbar-expand-xxl { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } + + .navbar-expand-xxl .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } + + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-xxl .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + + .navbar-expand-xxl .navbar-toggler { + display: none; + } + + .navbar-expand-xxl .offcanvas-header { + display: none; + } + + .navbar-expand-xxl .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + -webkit-transition: none; + transition: none; + -webkit-transform: none; + transform: none; + } + + .navbar-expand-xxl .offcanvas-top, + .navbar-expand-xxl .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + + .navbar-expand-xxl .offcanvas-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +.navbar-expand { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.navbar-expand .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} + +.navbar-expand .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-expand .offcanvas-header { + display: none; +} + +.navbar-expand .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + -webkit-transition: none; + transition: none; + -webkit-transform: none; + transform: none; +} + +.navbar-expand .offcanvas-top, +.navbar-expand .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; +} + +.navbar-expand .offcanvas-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; +} .navbar-light .navbar-brand { - color: rgba(25, 25, 34, 0.9); } - .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { - color: rgba(25, 25, 34, 0.9); } + color: rgba(25, 25, 34, 0.9); +} + +.navbar-light .navbar-brand:hover, +.navbar-light .navbar-brand:focus { + color: rgba(25, 25, 34, 0.9); +} .navbar-light .navbar-nav .nav-link { - color: rgba(25, 25, 34, 0.55); } - .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { - color: rgba(25, 25, 34, 0.7); } - .navbar-light .navbar-nav .nav-link.disabled { - color: rgba(25, 25, 34, 0.3); } + color: rgba(25, 25, 34, 0.55); +} -.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .nav-link:focus { + color: rgba(25, 25, 34, 0.7); +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(25, 25, 34, 0.3); +} + +.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link.active { - color: rgba(25, 25, 34, 0.9); } + color: rgba(25, 25, 34, 0.9); +} .navbar-light .navbar-toggler { color: rgba(25, 25, 34, 0.55); - border-color: rgba(25, 25, 34, 0.1); } + border-color: rgba(25, 25, 34, 0.1); +} .navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2825, 25, 34, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2825, 25, 34, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} .navbar-light .navbar-text { - color: rgba(25, 25, 34, 0.55); } - .navbar-light .navbar-text a, - .navbar-light .navbar-text a:hover, - .navbar-light .navbar-text a:focus { - color: rgba(25, 25, 34, 0.9); } + color: rgba(25, 25, 34, 0.55); +} + +.navbar-light .navbar-text a, +.navbar-light .navbar-text a:hover, +.navbar-light .navbar-text a:focus { + color: rgba(25, 25, 34, 0.9); +} .navbar-dark .navbar-brand { - color: #fff; } - .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { - color: #fff; } + color: #fff; +} + +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { + color: #fff; +} .navbar-dark .navbar-nav .nav-link { - color: rgba(255, 255, 255, 0.55); } - .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { - color: rgba(255, 255, 255, 0.75); } - .navbar-dark .navbar-nav .nav-link.disabled { - color: rgba(255, 255, 255, 0.25); } + color: rgba(255, 255, 255, 0.55); +} -.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link.active { - color: #fff; } + color: #fff; +} .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); - border-color: rgba(255, 255, 255, 0.1); } + border-color: rgba(255, 255, 255, 0.1); +} .navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} .navbar-dark .navbar-text { - color: rgba(255, 255, 255, 0.55); } - .navbar-dark .navbar-text a, - .navbar-dark .navbar-text a:hover, - .navbar-dark .navbar-text a:focus { - color: #fff; } + color: rgba(255, 255, 255, 0.55); +} + +.navbar-dark .navbar-text a, +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { + color: #fff; +} .card { position: relative; @@ -4876,76 +6710,100 @@ .card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(25, 25, 34, 0.125); - border-radius: 0.25rem; } - .card > hr { - margin-right: 0; - margin-left: 0; } - .card > .list-group { - border-top: inherit; - border-bottom: inherit; } - .card > .list-group:first-child { - border-top-width: 0; - border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); } - .card > .list-group:last-child { - border-bottom-width: 0; - border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); } - .card > .card-header + .list-group, - .card > .list-group + .card-footer { - border-top: 0; } + border-radius: 0.25rem; +} + +.card>hr { + margin-right: 0; + margin-left: 0; +} + +.card>.list-group { + border-top: inherit; + border-bottom: inherit; +} + +.card>.list-group:first-child { + border-top-width: 0; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card>.list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card>.card-header+.list-group, +.card>.list-group+.card-footer { + border-top: 0; +} .card-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - padding: 1rem 1rem; } + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 1rem 1rem; +} .card-title { - margin-bottom: 0.5rem; } + margin-bottom: 0.5rem; +} .card-subtitle { margin-top: -0.25rem; - margin-bottom: 0; } + margin-bottom: 0; +} .card-text:last-child { - margin-bottom: 0; } + margin-bottom: 0; +} -.card-link + .card-link { - margin-left: 1rem; } +.card-link+.card-link { + margin-left: 1rem; +} .card-header { padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(25, 25, 34, 0.03); - border-bottom: 1px solid rgba(25, 25, 34, 0.125); } - .card-header:first-child { - border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } + border-bottom: 1px solid rgba(25, 25, 34, 0.125); +} + +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} .card-footer { padding: 0.5rem 1rem; background-color: rgba(25, 25, 34, 0.03); - border-top: 1px solid rgba(25, 25, 34, 0.125); } - .card-footer:last-child { - border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } + border-top: 1px solid rgba(25, 25, 34, 0.125); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} .card-header-tabs { margin-right: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; - border-bottom: 0; } + border-bottom: 0; +} .card-header-pills { margin-right: -0.5rem; - margin-left: -0.5rem; } + margin-left: -0.5rem; +} .card-img-overlay { position: absolute; @@ -4954,25 +6812,30 @@ .card-img-overlay { bottom: 0; left: 0; padding: 1rem; - border-radius: calc(0.25rem - 1px); } + border-radius: calc(0.25rem - 1px); +} .card-img, .card-img-top, .card-img-bottom { - width: 100%; } + width: 100%; +} .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); } + border-top-right-radius: calc(0.25rem - 1px); +} .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); } + border-bottom-left-radius: calc(0.25rem - 1px); +} -.card-group > .card { - margin-bottom: 0.75rem; } +.card-group>.card { + margin-bottom: 0.75rem; +} @media (min-width: 576px) { .card-group { @@ -4983,35 +6846,53 @@ @media (min-width: 576px) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; } - .card-group > .card { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - margin-bottom: 0; } - .card-group > .card + .card { - margin-left: 0; - border-left: 0; } - .card-group > .card:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-top, - .card-group > .card:not(:last-child) .card-header { - border-top-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-bottom, - .card-group > .card:not(:last-child) .card-footer { - border-bottom-right-radius: 0; } - .card-group > .card:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-top, - .card-group > .card:not(:first-child) .card-header { - border-top-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-bottom, - .card-group > .card:not(:first-child) .card-footer { - border-bottom-left-radius: 0; } } + -ms-flex-flow: row wrap; + flex-flow: row wrap; + } + + .card-group>.card { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + margin-bottom: 0; + } + + .card-group>.card+.card { + margin-left: 0; + border-left: 0; + } + + .card-group>.card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .card-group>.card:not(:last-child) .card-img-top, + .card-group>.card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + + .card-group>.card:not(:last-child) .card-img-bottom, + .card-group>.card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + + .card-group>.card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .card-group>.card:not(:first-child) .card-img-top, + .card-group>.card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + + .card-group>.card:not(:first-child) .card-img-bottom, + .card-group>.card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} .accordion-button { position: relative; @@ -5021,8 +6902,8 @@ .accordion-button { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; @@ -5035,88 +6916,128 @@ .accordion-button { -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .accordion-button { - -webkit-transition: none; - transition: none; } } - .accordion-button:not(.collapsed) { - color: #0e7be6; - background-color: #e7f3ff; - -webkit-box-shadow: inset 0 -1px 0 rgba(25, 25, 34, 0.125); - box-shadow: inset 0 -1px 0 rgba(25, 25, 34, 0.125); } - .accordion-button:not(.collapsed)::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230e7be6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); } + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .accordion-button { + -webkit-transition: none; + transition: none; + } +} + +.accordion-button:not(.collapsed) { + color: #0e7be6; + background-color: #e7f3ff; + -webkit-box-shadow: inset 0 -1px 0 rgba(25, 25, 34, 0.125); + box-shadow: inset 0 -1px 0 rgba(25, 25, 34, 0.125); +} + +.accordion-button:not(.collapsed)::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230e7be6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); +} + +.accordion-button::after { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 1.25rem; + height: 1.25rem; + margin-left: auto; + content: ""; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-size: 1.25rem; + -webkit-transition: -webkit-transform 0.2s ease-in-out; + transition: -webkit-transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { .accordion-button::after { - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - width: 1.25rem; - height: 1.25rem; - margin-left: auto; - content: ""; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-size: 1.25rem; - -webkit-transition: -webkit-transform 0.2s ease-in-out; - transition: -webkit-transform 0.2s ease-in-out; - transition: transform 0.2s ease-in-out; - transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .accordion-button::after { - -webkit-transition: none; - transition: none; } } - .accordion-button:hover { - z-index: 2; } - .accordion-button:focus { - z-index: 3; - border-color: #88c4ff; - outline: 0; - -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); - box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); } + -webkit-transition: none; + transition: none; + } +} + +.accordion-button:hover { + z-index: 2; +} + +.accordion-button:focus { + z-index: 3; + border-color: #88c4ff; + outline: 0; + -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); + box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); +} .accordion-header { - margin-bottom: 0; } + margin-bottom: 0; +} .accordion-item { background-color: #fff; - border: 1px solid rgba(25, 25, 34, 0.125); } - .accordion-item:first-of-type { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; } - .accordion-item:first-of-type .accordion-button { - border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); } - .accordion-item:not(:first-of-type) { - border-top: 0; } - .accordion-item:last-of-type { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; } - .accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); } - .accordion-item:last-of-type .accordion-collapse { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; } + border: 1px solid rgba(25, 25, 34, 0.125); +} + +.accordion-item:first-of-type { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.accordion-item:first-of-type .accordion-button { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.accordion-item:not(:first-of-type) { + border-top: 0; +} + +.accordion-item:last-of-type { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .accordion-body { - padding: 1rem 1.25rem; } + padding: 1rem 1.25rem; +} .accordion-flush .accordion-collapse { - border-width: 0; } + border-width: 0; +} .accordion-flush .accordion-item { border-right: 0; border-left: 0; - border-radius: 0; } - .accordion-flush .accordion-item:first-child { - border-top: 0; } - .accordion-flush .accordion-item:last-child { - border-bottom: 0; } - .accordion-flush .accordion-item .accordion-button { - border-radius: 0; } + border-radius: 0; +} + +.accordion-flush .accordion-item:first-child { + border-top: 0; +} + +.accordion-flush .accordion-item:last-child { + border-bottom: 0; +} + +.accordion-flush .accordion-item .accordion-button { + border-radius: 0; +} .breadcrumb { display: -webkit-box; @@ -5124,22 +7045,29 @@ .breadcrumb { display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; - list-style: none; } + list-style: none; +} -.breadcrumb-item + .breadcrumb-item { - padding-left: 0.5rem; } - .breadcrumb-item + .breadcrumb-item::before { - float: left; - padding-right: 0.5rem; - color: #6c757d; - content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } +.breadcrumb-item+.breadcrumb-item { + padding-left: 0.5rem; +} + +.breadcrumb-item+.breadcrumb-item::before { + float: left; + padding-right: 0.5rem; + color: #6c757d; + content: var(--bs-breadcrumb-divider, "/") + /* rtl: var(--bs-breadcrumb-divider, "/") */ + ; +} .breadcrumb-item.active { - color: #6c757d; } + color: #6c757d; +} .pagination { display: -webkit-box; @@ -5147,7 +7075,8 @@ .pagination { display: -ms-flexbox; display: flex; padding-left: 0; - list-style: none; } + list-style: none; +} .page-link { position: relative; @@ -5159,73 +7088,93 @@ .page-link { -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .page-link { - -webkit-transition: none; - transition: none; } } - .page-link:hover { - z-index: 2; - color: #0d6ecc; - background-color: #e9ecef; - border-color: #dee2e6; } - .page-link:focus { - z-index: 3; - color: #0d6ecc; - background-color: #e9ecef; - outline: 0; - -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); - box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); } + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .page-link { + -webkit-transition: none; + transition: none; + } +} + +.page-link:hover { + z-index: 2; + color: #0d6ecc; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.page-link:focus { + z-index: 3; + color: #0d6ecc; + background-color: #e9ecef; + outline: 0; + -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); + box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); +} .page-item:not(:first-child) .page-link { - margin-left: -1px; } + margin-left: -1px; +} .page-item.active .page-link { z-index: 3; color: #fff; background-color: #1089ff; - border-color: #1089ff; } + border-color: #1089ff; +} .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; - border-color: #dee2e6; } + border-color: #dee2e6; +} .page-link { - padding: 0.375rem 0.75rem; } + padding: 0.375rem 0.75rem; +} .page-item:first-child .page-link { border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; } + border-bottom-left-radius: 0.25rem; +} .page-item:last-child .page-link { border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; } + border-bottom-right-radius: 0.25rem; +} .pagination-lg .page-link { padding: 0.75rem 1.5rem; - font-size: 1.25rem; } + font-size: 1.25rem; +} .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; - border-bottom-left-radius: 0.3rem; } + border-bottom-left-radius: 0.3rem; +} .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; - border-bottom-right-radius: 0.3rem; } + border-bottom-right-radius: 0.3rem; +} .pagination-sm .page-link { padding: 0.25rem 0.5rem; - font-size: 0.875rem; } + font-size: 0.875rem; +} .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; - border-bottom-left-radius: 0.2rem; } + border-bottom-left-radius: 0.2rem; +} .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; - border-bottom-right-radius: 0.2rem; } + border-bottom-right-radius: 0.2rem; +} .badge { display: inline-block; @@ -5237,99 +7186,137 @@ .badge { text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: 0.25rem; } - .badge:empty { - display: none; } + border-radius: 0.25rem; +} + +.badge:empty { + display: none; +} .btn .badge { position: relative; - top: -1px; } + top: -1px; +} .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .alert-heading { - color: inherit; } + color: inherit; +} .alert-link { - font-weight: 700; } + font-weight: 700; +} .alert-dismissible { - padding-right: 3rem; } - .alert-dismissible .btn-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; - padding: 1.25rem 1rem; } + padding-right: 3rem; +} + +.alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; +} .alert-primary { color: #0a5299; background-color: #cfe7ff; - border-color: #b7dcff; } - .alert-primary .alert-link { - color: #08427a; } + border-color: #b7dcff; +} + +.alert-primary .alert-link { + color: #08427a; +} .alert-secondary { color: #41464b; background-color: #e2e3e5; - border-color: #d3d6d8; } - .alert-secondary .alert-link { - color: #34383c; } + border-color: #d3d6d8; +} + +.alert-secondary .alert-link { + color: #34383c; +} .alert-success { color: #006957; background-color: #ccefe9; - border-color: #b3e7de; } - .alert-success .alert-link { - color: #005446; } + border-color: #b3e7de; +} + +.alert-success .alert-link { + color: #005446; +} .alert-info { color: #146074; background-color: #cff4fc; - border-color: #b6effb; } - .alert-info .alert-link { - color: #104d5d; } + border-color: #b6effb; +} + +.alert-info .alert-link { + color: #104d5d; +} .alert-warning { color: #755f1f; background-color: #fff4d1; - border-color: #ffefbb; } - .alert-warning .alert-link { - color: #5e4c19; } + border-color: #ffefbb; +} + +.alert-warning .alert-link { + color: #5e4c19; +} .alert-danger { color: #91372e; background-color: #fcdedb; - border-color: #fbcec9; } - .alert-danger .alert-link { - color: #742c25; } + border-color: #fbcec9; +} + +.alert-danger .alert-link { + color: #742c25; +} .alert-light { color: #727378; background-color: #fefefe; - border-color: #fdfdfe; } - .alert-light .alert-link { - color: #5b5c60; } + border-color: #fdfdfe; +} + +.alert-light .alert-link { + color: #5b5c60; +} .alert-dark { color: #141619; background-color: #d3d3d4; - border-color: #bcbebf; } - .alert-dark .alert-link { - color: #101214; } + border-color: #bcbebf; +} + +.alert-dark .alert-link { + color: #101214; +} @-webkit-keyframes progress-bar-stripes { 0% { - background-position-x: 1rem; } } + background-position-x: 1rem; + } +} @keyframes progress-bar-stripes { 0% { - background-position-x: 1rem; } } + background-position-x: 1rem; + } +} .progress { display: -webkit-box; @@ -5340,7 +7327,8 @@ .progress { overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .progress-bar { display: -webkit-box; @@ -5350,35 +7338,44 @@ .progress-bar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #1089ff; -webkit-transition: width 0.6s ease; - transition: width 0.6s ease; } - @media (prefers-reduced-motion: reduce) { - .progress-bar { - -webkit-transition: none; - transition: none; } } + transition: width 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + -webkit-transition: none; + transition: none; + } +} .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: 1rem 1rem; } + background-size: 1rem 1rem; +} .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; - animation: 1s linear infinite progress-bar-stripes; } - @media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - -webkit-animation: none; - animation: none; } } + animation: 1s linear infinite progress-bar-stripes; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation: none; + } +} .list-group { display: -webkit-box; @@ -5388,31 +7385,41 @@ .list-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; padding-left: 0; margin-bottom: 0; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .list-group-numbered { list-style-type: none; - counter-reset: section; } - .list-group-numbered > li::before { - content: counters(section, ".") ". "; - counter-increment: section; } + counter-reset: section; +} + +.list-group-numbered>li::before { + content: counters(section, ".") ". "; + counter-increment: section; +} .list-group-item-action { width: 100%; color: #495057; - text-align: inherit; } - .list-group-item-action:hover, .list-group-item-action:focus { - z-index: 1; - color: #495057; - text-decoration: none; - background-color: #f8f9fa; } - .list-group-item-action:active { - color: #212529; - background-color: #e9ecef; } + text-align: inherit; +} + +.list-group-item-action:hover, +.list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} + +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} .list-group-item { position: relative; @@ -5421,257 +7428,395 @@ .list-group-item { color: #212529; text-decoration: none; background-color: #fff; - border: 1px solid rgba(25, 25, 34, 0.125); } - .list-group-item:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; } - .list-group-item:last-child { - border-bottom-right-radius: inherit; - border-bottom-left-radius: inherit; } - .list-group-item.disabled, .list-group-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: #fff; } - .list-group-item.active { - z-index: 2; - color: #fff; - background-color: #1089ff; - border-color: #1089ff; } - .list-group-item + .list-group-item { - border-top-width: 0; } - .list-group-item + .list-group-item.active { - margin-top: -1px; - border-top-width: 1px; } + border: 1px solid rgba(25, 25, 34, 0.125); +} + +.list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; +} + +.list-group-item.disabled, +.list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; +} + +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #1089ff; + border-color: #1089ff; +} + +.list-group-item+.list-group-item { + border-top-width: 0; +} + +.list-group-item+.list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} .list-group-horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .list-group-horizontal > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal > .list-group-item:last-child { - border-top-right-radius: 0.25rem; - border-bottom-left-radius: 0; } - .list-group-horizontal > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } + -ms-flex-direction: row; + flex-direction: row; +} + +.list-group-horizontal>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} + +.list-group-horizontal>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} + +.list-group-horizontal>.list-group-item.active { + margin-top: 0; +} + +.list-group-horizontal>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; +} + +.list-group-horizontal>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} @media (min-width: 576px) { .list-group-horizontal-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .list-group-horizontal-sm > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-sm > .list-group-item:last-child { - border-top-right-radius: 0.25rem; - border-bottom-left-radius: 0; } - .list-group-horizontal-sm > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-sm > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-sm > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } + -ms-flex-direction: row; + flex-direction: row; + } + + .list-group-horizontal-sm>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-sm>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-sm>.list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-sm>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-sm>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} @media (min-width: 768px) { .list-group-horizontal-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .list-group-horizontal-md > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-md > .list-group-item:last-child { - border-top-right-radius: 0.25rem; - border-bottom-left-radius: 0; } - .list-group-horizontal-md > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-md > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-md > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } + -ms-flex-direction: row; + flex-direction: row; + } + + .list-group-horizontal-md>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-md>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-md>.list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-md>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-md>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} @media (min-width: 992px) { .list-group-horizontal-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .list-group-horizontal-lg > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-lg > .list-group-item:last-child { - border-top-right-radius: 0.25rem; - border-bottom-left-radius: 0; } - .list-group-horizontal-lg > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-lg > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-lg > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } + -ms-flex-direction: row; + flex-direction: row; + } + + .list-group-horizontal-lg>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-lg>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-lg>.list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-lg>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-lg>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} @media (min-width: 1200px) { .list-group-horizontal-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .list-group-horizontal-xl > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-xl > .list-group-item:last-child { - border-top-right-radius: 0.25rem; - border-bottom-left-radius: 0; } - .list-group-horizontal-xl > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-xl > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-xl > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } + -ms-flex-direction: row; + flex-direction: row; + } + + .list-group-horizontal-xl>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-xl>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-xl>.list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-xl>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-xl>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} @media (min-width: 1400px) { .list-group-horizontal-xxl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } - .list-group-horizontal-xxl > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; } - .list-group-horizontal-xxl > .list-group-item:last-child { - border-top-right-radius: 0.25rem; - border-bottom-left-radius: 0; } - .list-group-horizontal-xxl > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-xxl > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } + -ms-flex-direction: row; + flex-direction: row; + } + + .list-group-horizontal-xxl>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + + .list-group-horizontal-xxl>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + + .list-group-horizontal-xxl>.list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-xxl>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + + .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} .list-group-flush { - border-radius: 0; } - .list-group-flush > .list-group-item { - border-width: 0 0 1px; } - .list-group-flush > .list-group-item:last-child { - border-bottom-width: 0; } + border-radius: 0; +} + +.list-group-flush>.list-group-item { + border-width: 0 0 1px; +} + +.list-group-flush>.list-group-item:last-child { + border-bottom-width: 0; +} .list-group-item-primary { color: #0a5299; - background-color: #cfe7ff; } - .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #0a5299; - background-color: #bad0e6; } - .list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #0a5299; - border-color: #0a5299; } + background-color: #cfe7ff; +} + +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { + color: #0a5299; + background-color: #bad0e6; +} + +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #0a5299; + border-color: #0a5299; +} .list-group-item-secondary { color: #41464b; - background-color: #e2e3e5; } - .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #41464b; - background-color: #cbccce; } - .list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #41464b; - border-color: #41464b; } + background-color: #e2e3e5; +} + +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { + color: #41464b; + background-color: #cbccce; +} + +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #41464b; + border-color: #41464b; +} .list-group-item-success { color: #006957; - background-color: #ccefe9; } - .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: #006957; - background-color: #b8d7d2; } - .list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #006957; - border-color: #006957; } + background-color: #ccefe9; +} + +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { + color: #006957; + background-color: #b8d7d2; +} + +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #006957; + border-color: #006957; +} .list-group-item-info { color: #146074; - background-color: #cff4fc; } - .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: #146074; - background-color: #badce3; } - .list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #146074; - border-color: #146074; } + background-color: #cff4fc; +} + +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { + color: #146074; + background-color: #badce3; +} + +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #146074; + border-color: #146074; +} .list-group-item-warning { color: #755f1f; - background-color: #fff4d1; } - .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: #755f1f; - background-color: #e6dcbc; } - .list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #755f1f; - border-color: #755f1f; } + background-color: #fff4d1; +} + +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { + color: #755f1f; + background-color: #e6dcbc; +} + +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #755f1f; + border-color: #755f1f; +} .list-group-item-danger { color: #91372e; - background-color: #fcdedb; } - .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { - color: #91372e; - background-color: #e3c8c5; } - .list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #91372e; - border-color: #91372e; } + background-color: #fcdedb; +} + +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { + color: #91372e; + background-color: #e3c8c5; +} + +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #91372e; + border-color: #91372e; +} .list-group-item-light { color: #727378; - background-color: #fefefe; } - .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: #727378; - background-color: #e5e5e5; } - .list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #727378; - border-color: #727378; } + background-color: #fefefe; +} + +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { + color: #727378; + background-color: #e5e5e5; +} + +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #727378; + border-color: #727378; +} .list-group-item-dark { color: #141619; - background-color: #d3d3d4; } - .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { - color: #141619; - background-color: #bebebf; } - .list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #141619; - border-color: #141619; } + background-color: #d3d3d4; +} + +.list-group-item-dark.list-group-item-action:hover, +.list-group-item-dark.list-group-item-action:focus { + color: #141619; + background-color: #bebebf; +} + +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #141619; + border-color: #141619; +} .btn-close { -webkit-box-sizing: content-box; - box-sizing: content-box; + box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; @@ -5679,27 +7824,36 @@ .btn-close { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23191922'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; - opacity: 0.5; } - .btn-close:hover { - color: #191922; - text-decoration: none; - opacity: 0.75; } - .btn-close:focus { - outline: 0; - -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); - box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); - opacity: 1; } - .btn-close:disabled, .btn-close.disabled { - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - opacity: 0.25; } + opacity: 0.5; +} + +.btn-close:hover { + color: #191922; + text-decoration: none; + opacity: 0.75; +} + +.btn-close:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); + box-shadow: 0 0 0 0.25rem rgba(16, 137, 255, 0.25); + opacity: 1; +} + +.btn-close:disabled, +.btn-close.disabled { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + opacity: 0.25; +} .btn-close-white { -webkit-filter: invert(1) grayscale(100%) brightness(200%); - filter: invert(1) grayscale(100%) brightness(200%); } + filter: invert(1) grayscale(100%) brightness(200%); +} .toast { width: 350px; @@ -5710,21 +7864,29 @@ .toast { background-clip: padding-box; border: 1px solid rgba(25, 25, 34, 0.1); -webkit-box-shadow: 0 0.5rem 1rem rgba(25, 25, 34, 0.15); - box-shadow: 0 0.5rem 1rem rgba(25, 25, 34, 0.15); - border-radius: 0.25rem; } - .toast.showing { - opacity: 0; } - .toast:not(.show) { - display: none; } + box-shadow: 0 0.5rem 1rem rgba(25, 25, 34, 0.15); + border-radius: 0.25rem; +} + +.toast.showing { + opacity: 0; +} + +.toast:not(.show) { + display: none; +} .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; - pointer-events: none; } - .toast-container > :not(:last-child) { - margin-bottom: 0.75rem; } + pointer-events: none; +} + +.toast-container> :not(:last-child) { + margin-bottom: 0.75rem; +} .toast-header { display: -webkit-box; @@ -5733,22 +7895,26 @@ .toast-header { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; padding: 0.5rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(25, 25, 34, 0.05); border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); } - .toast-header .btn-close { - margin-right: -0.375rem; - margin-left: 0.75rem; } + border-top-right-radius: calc(0.25rem - 1px); +} + +.toast-header .btn-close { + margin-right: -0.375rem; + margin-left: 0.75rem; +} .toast-body { padding: 0.75rem; - word-wrap: break-word; } + word-wrap: break-word; +} .modal { position: fixed; @@ -5760,38 +7926,54 @@ .modal { height: 100%; overflow-x: hidden; overflow-y: auto; - outline: 0; } + outline: 0; +} .modal-dialog { position: relative; width: auto; margin: 0.5rem; - pointer-events: none; } + pointer-events: none; +} + +.modal.fade .modal-dialog { + -webkit-transition: -webkit-transform 0.3s ease-out; + transition: -webkit-transform 0.3s ease-out; + transition: transform 0.3s ease-out; + transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; + -webkit-transform: translate(0, -50px); + transform: translate(0, -50px); +} + +@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { - -webkit-transition: -webkit-transform 0.3s ease-out; - transition: -webkit-transform 0.3s ease-out; - transition: transform 0.3s ease-out; - transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; - -webkit-transform: translate(0, -50px); - transform: translate(0, -50px); } - @media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - -webkit-transition: none; - transition: none; } } - .modal.show .modal-dialog { - -webkit-transform: none; - transform: none; } - .modal.modal-static .modal-dialog { - -webkit-transform: scale(1.02); - transform: scale(1.02); } + -webkit-transition: none; + transition: none; + } +} + +.modal.show .modal-dialog { + -webkit-transform: none; + transform: none; +} + +.modal.modal-static .modal-dialog { + -webkit-transform: scale(1.02); + transform: scale(1.02); +} .modal-dialog-scrollable { - height: calc(100% - 1rem); } - .modal-dialog-scrollable .modal-content { - max-height: 100%; - overflow: hidden; } - .modal-dialog-scrollable .modal-body { - overflow-y: auto; } + height: calc(100% - 1rem); +} + +.modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; +} + +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} .modal-dialog-centered { display: -webkit-box; @@ -5800,9 +7982,10 @@ .modal-dialog-centered { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: calc(100% - 1rem); } + -ms-flex-align: center; + align-items: center; + min-height: calc(100% - 1rem); +} .modal-content { position: relative; @@ -5813,15 +7996,16 @@ .modal-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(25, 25, 34, 0.2); border-radius: 0.3rem; - outline: 0; } + outline: 0; +} .modal-backdrop { position: fixed; @@ -5830,11 +8014,16 @@ .modal-backdrop { z-index: 1050; width: 100vw; height: 100vh; - background-color: #191922; } - .modal-backdrop.fade { - opacity: 0; } - .modal-backdrop.show { - opacity: 0.5; } + background-color: #191922; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 0.5; +} .modal-header { display: -webkit-box; @@ -5842,35 +8031,40 @@ .modal-header { display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); - border-top-right-radius: calc(0.3rem - 1px); } - .modal-header .btn-close { - padding: 0.5rem 0.5rem; - margin: -0.5rem -0.5rem -0.5rem auto; } + border-top-right-radius: calc(0.3rem - 1px); +} + +.modal-header .btn-close { + padding: 0.5rem 0.5rem; + margin: -0.5rem -0.5rem -0.5rem auto; +} .modal-title { margin-bottom: 0; - line-height: 1.5; } + line-height: 1.5; +} .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - padding: 1rem; } + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 1rem; +} .modal-footer { display: -webkit-box; @@ -5878,146 +8072,221 @@ .modal-footer { display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); - border-bottom-left-radius: calc(0.3rem - 1px); } - .modal-footer > * { - margin: 0.25rem; } + border-bottom-left-radius: calc(0.3rem - 1px); +} + +.modal-footer>* { + margin: 0.25rem; +} @media (min-width: 576px) { .modal-dialog { max-width: 500px; - margin: 1.75rem auto; } + margin: 1.75rem auto; + } + .modal-dialog-scrollable { - height: calc(100% - 3.5rem); } + height: calc(100% - 3.5rem); + } + .modal-dialog-centered { - min-height: calc(100% - 3.5rem); } + min-height: calc(100% - 3.5rem); + } + .modal-sm { - max-width: 300px; } } + max-width: 300px; + } +} @media (min-width: 992px) { + .modal-lg, .modal-xl { - max-width: 800px; } } + max-width: 800px; + } +} @media (min-width: 1200px) { .modal-xl { - max-width: 1140px; } } + max-width: 1140px; + } +} .modal-fullscreen { width: 100vw; max-width: none; height: 100%; - margin: 0; } - .modal-fullscreen .modal-content { - height: 100%; - border: 0; - border-radius: 0; } - .modal-fullscreen .modal-header { - border-radius: 0; } - .modal-fullscreen .modal-body { - overflow-y: auto; } - .modal-fullscreen .modal-footer { - border-radius: 0; } + margin: 0; +} + +.modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} + +.modal-fullscreen .modal-header { + border-radius: 0; +} + +.modal-fullscreen .modal-body { + overflow-y: auto; +} + +.modal-fullscreen .modal-footer { + border-radius: 0; +} @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; - margin: 0; } - .modal-fullscreen-sm-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; } - .modal-fullscreen-sm-down .modal-header { - border-radius: 0; } - .modal-fullscreen-sm-down .modal-body { - overflow-y: auto; } - .modal-fullscreen-sm-down .modal-footer { - border-radius: 0; } } + margin: 0; + } + + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-sm-down .modal-header { + border-radius: 0; + } + + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } + + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } +} @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; - margin: 0; } - .modal-fullscreen-md-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; } - .modal-fullscreen-md-down .modal-header { - border-radius: 0; } - .modal-fullscreen-md-down .modal-body { - overflow-y: auto; } - .modal-fullscreen-md-down .modal-footer { - border-radius: 0; } } + margin: 0; + } + + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-md-down .modal-header { + border-radius: 0; + } + + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } + + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } +} @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; - margin: 0; } - .modal-fullscreen-lg-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; } - .modal-fullscreen-lg-down .modal-header { - border-radius: 0; } - .modal-fullscreen-lg-down .modal-body { - overflow-y: auto; } - .modal-fullscreen-lg-down .modal-footer { - border-radius: 0; } } + margin: 0; + } + + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-lg-down .modal-header { + border-radius: 0; + } + + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } + + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } +} @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; - margin: 0; } - .modal-fullscreen-xl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; } - .modal-fullscreen-xl-down .modal-header { - border-radius: 0; } - .modal-fullscreen-xl-down .modal-body { - overflow-y: auto; } - .modal-fullscreen-xl-down .modal-footer { - border-radius: 0; } } + margin: 0; + } + + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-xl-down .modal-header { + border-radius: 0; + } + + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } + + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } +} @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; - margin: 0; } - .modal-fullscreen-xxl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; } - .modal-fullscreen-xxl-down .modal-header { - border-radius: 0; } - .modal-fullscreen-xxl-down .modal-body { - overflow-y: auto; } - .modal-fullscreen-xxl-down .modal-footer { - border-radius: 0; } } + margin: 0; + } + + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-xxl-down .modal-header { + border-radius: 0; + } + + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } + + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } +} .tooltip { position: absolute; @@ -6040,59 +8309,98 @@ .tooltip { line-break: auto; font-size: 0.875rem; word-wrap: break-word; - opacity: 0; } - .tooltip.show { - opacity: 0.9; } - .tooltip .tooltip-arrow { - position: absolute; - display: block; - width: 0.8rem; - height: 0.4rem; } - .tooltip .tooltip-arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; } + opacity: 0; +} -.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] { - padding: 0.4rem 0; } - .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { - bottom: 0; } - .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { - top: -1px; - border-width: 0.4rem 0.4rem 0; - border-top-color: #191922; } +.tooltip.show { + opacity: 0.9; +} -.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] { - padding: 0 0.4rem; } - .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { - left: 0; - width: 0.4rem; - height: 0.8rem; } - .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { - right: -1px; - border-width: 0.4rem 0.4rem 0.4rem 0; - border-right-color: #191922; } +.tooltip .tooltip-arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} -.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] { - padding: 0.4rem 0; } - .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { - top: 0; } - .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { - bottom: -1px; - border-width: 0 0.4rem 0.4rem; - border-bottom-color: #191922; } +.tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} -.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] { - padding: 0 0.4rem; } - .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { - right: 0; - width: 0.4rem; - height: 0.8rem; } - .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { - left: -1px; - border-width: 0.4rem 0 0.4rem 0.4rem; - border-left-color: #191922; } +.bs-tooltip-top, +.bs-tooltip-auto[data-popper-placement^="top"] { + padding: 0.4rem 0; +} + +.bs-tooltip-top .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { + bottom: 0; +} + +.bs-tooltip-top .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { + top: -1px; + border-width: 0.4rem 0.4rem 0; + border-top-color: #191922; +} + +.bs-tooltip-end, +.bs-tooltip-auto[data-popper-placement^="right"] { + padding: 0 0.4rem; +} + +.bs-tooltip-end .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-end .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { + right: -1px; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #191922; +} + +.bs-tooltip-bottom, +.bs-tooltip-auto[data-popper-placement^="bottom"] { + padding: 0.4rem 0; +} + +.bs-tooltip-bottom .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { + top: 0; +} + +.bs-tooltip-bottom .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #191922; +} + +.bs-tooltip-start, +.bs-tooltip-auto[data-popper-placement^="left"] { + padding: 0 0.4rem; +} + +.bs-tooltip-start .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-start .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { + left: -1px; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #191922; +} .tooltip-inner { max-width: 200px; @@ -6100,12 +8408,15 @@ .tooltip-inner { color: #fff; text-align: center; background-color: #191922; - border-radius: 0.25rem; } + border-radius: 0.25rem; +} .popover { position: absolute; top: 0; - left: 0 /* rtl:ignore */; + left: 0 + /* rtl:ignore */ + ; z-index: 1070; display: block; max-width: 276px; @@ -6128,55 +8439,86 @@ .popover { background-color: #fff; background-clip: padding-box; border: 1px solid rgba(25, 25, 34, 0.2); - border-radius: 0.3rem; } - .popover .popover-arrow { - position: absolute; - display: block; - width: 1rem; - height: 0.5rem; } - .popover .popover-arrow::before, .popover .popover-arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; } + border-radius: 0.3rem; +} -.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { - bottom: calc(-0.5rem - 1px); } - .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { - bottom: 0; - border-width: 0.5rem 0.5rem 0; - border-top-color: rgba(25, 25, 34, 0.25); } - .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { - bottom: 1px; - border-width: 0.5rem 0.5rem 0; - border-top-color: #fff; } +.popover .popover-arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; +} -.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { +.popover .popover-arrow::before, +.popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top>.popover-arrow, +.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow { + bottom: calc(-0.5rem - 1px); +} + +.bs-popover-top>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(25, 25, 34, 0.25); +} + +.bs-popover-top>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #fff; +} + +.bs-popover-end>.popover-arrow, +.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; - height: 1rem; } - .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { - left: 0; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: rgba(25, 25, 34, 0.25); } - .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { - left: 1px; - border-width: 0.5rem 0.5rem 0.5rem 0; - border-right-color: #fff; } + height: 1rem; +} -.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { - top: calc(-0.5rem - 1px); } - .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { - top: 0; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: rgba(25, 25, 34, 0.25); } - .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { - top: 1px; - border-width: 0 0.5rem 0.5rem 0.5rem; - border-bottom-color: #fff; } +.bs-popover-end>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(25, 25, 34, 0.25); +} -.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { +.bs-popover-end>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #fff; +} + +.bs-popover-bottom>.popover-arrow, +.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow { + top: calc(-0.5rem - 1px); +} + +.bs-popover-bottom>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(25, 25, 34, 0.25); +} + +.bs-popover-bottom>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #fff; +} + +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; @@ -6184,20 +8526,29 @@ .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placeme width: 1rem; margin-left: -0.5rem; content: ""; - border-bottom: 1px solid #f0f0f0; } + border-bottom: 1px solid #f0f0f0; +} -.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { +.bs-popover-start>.popover-arrow, +.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; - height: 1rem; } - .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { - right: 0; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: rgba(25, 25, 34, 0.25); } - .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { - right: 1px; - border-width: 0.5rem 0 0.5rem 0.5rem; - border-left-color: #fff; } + height: 1rem; +} + +.bs-popover-start>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(25, 25, 34, 0.25); +} + +.bs-popover-start>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #fff; +} .popover-header { padding: 0.5rem 1rem; @@ -6206,29 +8557,38 @@ .popover-header { background-color: #f0f0f0; border-bottom: 1px solid rgba(25, 25, 34, 0.2); border-top-left-radius: calc(0.3rem - 1px); - border-top-right-radius: calc(0.3rem - 1px); } - .popover-header:empty { - display: none; } + border-top-right-radius: calc(0.3rem - 1px); +} + +.popover-header:empty { + display: none; +} .popover-body { padding: 1rem 1rem; - color: #212529; } + color: #212529; +} .carousel { - position: relative; } + position: relative; +} .carousel.pointer-event { -ms-touch-action: pan-y; - touch-action: pan-y; } + touch-action: pan-y; +} .carousel-inner { position: relative; width: 100%; - overflow: hidden; } - .carousel-inner::after { - display: block; - clear: both; - content: ""; } + overflow: hidden; +} + +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} .carousel-item { position: relative; @@ -6237,31 +8597,38 @@ .carousel-item { width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .carousel-item { - -webkit-transition: none; - transition: none; } } + transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + -webkit-transition: none; + transition: none; + } +} .carousel-item.active, .carousel-item-next, .carousel-item-prev { - display: block; } + display: block; +} /* rtl:begin:ignore */ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { -webkit-transform: translateX(100%); - transform: translateX(100%); } + transform: translateX(100%); +} .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { -webkit-transform: translateX(-100%); - transform: translateX(-100%); } + transform: translateX(-100%); +} /* rtl:end:ignore */ .carousel-fade .carousel-item { @@ -6269,25 +8636,32 @@ .carousel-fade .carousel-item { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; - transform: none; } + transform: none; +} .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; - opacity: 1; } + opacity: 1; +} .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; -webkit-transition: opacity 0s 0.6s; - transition: opacity 0s 0.6s; } - @media (prefers-reduced-motion: reduce) { - .carousel-fade .active.carousel-item-start, - .carousel-fade .active.carousel-item-end { - -webkit-transition: none; - transition: none; } } + transition: opacity 0s 0.6s; +} + +@media (prefers-reduced-motion: reduce) { + + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + -webkit-transition: none; + transition: none; + } +} .carousel-control-prev, .carousel-control-next { @@ -6301,12 +8675,12 @@ .carousel-control-next { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; width: 15%; padding: 0; color: #fff; @@ -6315,25 +8689,35 @@ .carousel-control-next { border: 0; opacity: 0.5; -webkit-transition: opacity 0.15s ease; - transition: opacity 0.15s ease; } - @media (prefers-reduced-motion: reduce) { - .carousel-control-prev, - .carousel-control-next { - -webkit-transition: none; - transition: none; } } - .carousel-control-prev:hover, .carousel-control-prev:focus, - .carousel-control-next:hover, - .carousel-control-next:focus { - color: #fff; - text-decoration: none; - outline: 0; - opacity: 0.9; } + transition: opacity 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + + .carousel-control-prev, + .carousel-control-next { + -webkit-transition: none; + transition: none; + } +} + +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} .carousel-control-prev { - left: 0; } + left: 0; +} .carousel-control-next { - right: 0; } + right: 0; +} .carousel-control-prev-icon, .carousel-control-next-icon { @@ -6342,7 +8726,8 @@ .carousel-control-next-icon { height: 2rem; background-repeat: no-repeat; background-position: 50%; - background-size: 100% 100%; } + background-size: 100% 100%; +} /* rtl:options: { "autoRename": true, @@ -6353,10 +8738,12 @@ .carousel-control-next-icon { } ] } */ .carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); +} .carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} .carousel-indicators { position: absolute; @@ -6370,41 +8757,49 @@ .carousel-indicators { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; - list-style: none; } + list-style: none; +} + +.carousel-indicators [data-bs-target] { + -webkit-box-sizing: content-box; + box-sizing: content-box; + -webkit-box-flex: 0; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + -webkit-transition: opacity 0.6s ease; + transition: opacity 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { - -webkit-box-sizing: content-box; - box-sizing: content-box; - -webkit-box-flex: 0; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - width: 30px; - height: 3px; - padding: 0; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - cursor: pointer; - background-color: #fff; - background-clip: padding-box; - border: 0; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - opacity: 0.5; - -webkit-transition: opacity 0.6s ease; - transition: opacity 0.6s ease; } - @media (prefers-reduced-motion: reduce) { - .carousel-indicators [data-bs-target] { - -webkit-transition: none; - transition: none; } } - .carousel-indicators .active { - opacity: 1; } + -webkit-transition: none; + transition: none; + } +} + +.carousel-indicators .active { + opacity: 1; +} .carousel-caption { position: absolute; @@ -6414,28 +8809,44 @@ .carousel-caption { padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; - text-align: center; } + text-align: center; +} .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { -webkit-filter: invert(1) grayscale(100); - filter: invert(1) grayscale(100); } + filter: invert(1) grayscale(100); +} .carousel-dark .carousel-indicators [data-bs-target] { - background-color: #191922; } + background-color: #191922; +} .carousel-dark .carousel-caption { - color: #191922; } + color: #191922; +} @-webkit-keyframes spinner-border { to { - -webkit-transform: rotate(360deg) /* rtl:ignore */; - transform: rotate(360deg) /* rtl:ignore */; } } + -webkit-transform: rotate(360deg) + /* rtl:ignore */ + ; + transform: rotate(360deg) + /* rtl:ignore */ + ; + } +} @keyframes spinner-border { to { - -webkit-transform: rotate(360deg) /* rtl:ignore */; - transform: rotate(360deg) /* rtl:ignore */; } } + -webkit-transform: rotate(360deg) + /* rtl:ignore */ + ; + transform: rotate(360deg) + /* rtl:ignore */ + ; + } +} .spinner-border { display: inline-block; @@ -6446,30 +8857,40 @@ .spinner-border { border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; - animation: 0.75s linear infinite spinner-border; } + animation: 0.75s linear infinite spinner-border; +} .spinner-border-sm { width: 1rem; height: 1rem; - border-width: 0.2em; } + border-width: 0.2em; +} @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); - transform: scale(0); } + transform: scale(0); + } + 50% { opacity: 1; -webkit-transform: none; - transform: none; } } + transform: none; + } +} @keyframes spinner-grow { 0% { -webkit-transform: scale(0); - transform: scale(0); } + transform: scale(0); + } + 50% { opacity: 1; -webkit-transform: none; - transform: none; } } + transform: none; + } +} .spinner-grow { display: inline-block; @@ -6480,17 +8901,22 @@ .spinner-grow { border-radius: 50%; opacity: 0; -webkit-animation: 0.75s linear infinite spinner-grow; - animation: 0.75s linear infinite spinner-grow; } + animation: 0.75s linear infinite spinner-grow; +} .spinner-grow-sm { width: 1rem; - height: 1rem; } + height: 1rem; +} @media (prefers-reduced-motion: reduce) { + .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; } } + animation-duration: 1.5s; + } +} .offcanvas { position: fixed; @@ -6503,8 +8929,8 @@ .offcanvas { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; @@ -6513,11 +8939,15 @@ .offcanvas { -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; - transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .offcanvas { - -webkit-transition: none; - transition: none; } } + transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .offcanvas { + -webkit-transition: none; + transition: none; + } +} .offcanvas-backdrop { position: fixed; @@ -6526,11 +8956,16 @@ .offcanvas-backdrop { z-index: 1040; width: 100vw; height: 100vh; - background-color: #191922; } - .offcanvas-backdrop.fade { - opacity: 0; } - .offcanvas-backdrop.show { - opacity: 0.5; } + background-color: #191922; +} + +.offcanvas-backdrop.fade { + opacity: 0; +} + +.offcanvas-backdrop.show { + opacity: 0.5; +} .offcanvas-header { display: -webkit-box; @@ -6539,30 +8974,35 @@ .offcanvas-header { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 1rem 1rem; } - .offcanvas-header .btn-close { - padding: 0.5rem 0.5rem; - margin-top: -0.5rem; - margin-right: -0.5rem; - margin-bottom: -0.5rem; } + -ms-flex-pack: justify; + justify-content: space-between; + padding: 1rem 1rem; +} + +.offcanvas-header .btn-close { + padding: 0.5rem 0.5rem; + margin-top: -0.5rem; + margin-right: -0.5rem; + margin-bottom: -0.5rem; +} .offcanvas-title { margin-bottom: 0; - line-height: 1.5; } + line-height: 1.5; +} .offcanvas-body { -webkit-box-flex: 1; -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; padding: 1rem 1rem; - overflow-y: auto; } + overflow-y: auto; +} .offcanvas-start { top: 0; @@ -6570,7 +9010,8 @@ .offcanvas-start { width: 400px; border-right: 1px solid rgba(25, 25, 34, 0.2); -webkit-transform: translateX(-100%); - transform: translateX(-100%); } + transform: translateX(-100%); +} .offcanvas-end { top: 0; @@ -6578,7 +9019,8 @@ .offcanvas-end { width: 400px; border-left: 1px solid rgba(25, 25, 34, 0.2); -webkit-transform: translateX(100%); - transform: translateX(100%); } + transform: translateX(100%); +} .offcanvas-top { top: 0; @@ -6588,7 +9030,8 @@ .offcanvas-top { max-height: 100%; border-bottom: 1px solid rgba(25, 25, 34, 0.2); -webkit-transform: translateY(-100%); - transform: translateY(-100%); } + transform: translateY(-100%); +} .offcanvas-bottom { right: 0; @@ -6597,11 +9040,13 @@ .offcanvas-bottom { max-height: 100%; border-top: 1px solid rgba(25, 25, 34, 0.2); -webkit-transform: translateY(100%); - transform: translateY(100%); } + transform: translateY(100%); +} .offcanvas.show { -webkit-transform: none; - transform: none; } + transform: none; +} .placeholder { display: inline-block; @@ -6609,175 +9054,246 @@ .placeholder { vertical-align: middle; cursor: wait; background-color: currentColor; - opacity: 0.5; } - .placeholder.btn::before { - display: inline-block; - content: ""; } + opacity: 0.5; +} + +.placeholder.btn::before { + display: inline-block; + content: ""; +} .placeholder-xs { - min-height: .6em; } + min-height: .6em; +} .placeholder-sm { - min-height: .8em; } + min-height: .8em; +} .placeholder-lg { - min-height: 1.2em; } + min-height: 1.2em; +} .placeholder-glow .placeholder { -webkit-animation: placeholder-glow 2s ease-in-out infinite; - animation: placeholder-glow 2s ease-in-out infinite; } + animation: placeholder-glow 2s ease-in-out infinite; +} @-webkit-keyframes placeholder-glow { 50% { - opacity: 0.2; } } + opacity: 0.2; + } +} @keyframes placeholder-glow { 50% { - opacity: 0.2; } } + opacity: 0.2; + } +} .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #191922 55%, rgba(0, 0, 0, 0.8) 75%, #191922 95%); - mask-image: linear-gradient(130deg, #191922 55%, rgba(0, 0, 0, 0.8) 75%, #191922 95%); + mask-image: linear-gradient(130deg, #191922 55%, rgba(0, 0, 0, 0.8) 75%, #191922 95%); -webkit-mask-size: 200% 100%; - mask-size: 200% 100%; + mask-size: 200% 100%; -webkit-animation: placeholder-wave 2s linear infinite; - animation: placeholder-wave 2s linear infinite; } + animation: placeholder-wave 2s linear infinite; +} @-webkit-keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; - mask-position: -200% 0%; } } + mask-position: -200% 0%; + } +} @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; - mask-position: -200% 0%; } } + mask-position: -200% 0%; + } +} .clearfix::after { display: block; clear: both; - content: ""; } + content: ""; +} .link-primary { - color: #1089ff; } - .link-primary:hover, .link-primary:focus { - color: #40a1ff; } + color: #1089ff; +} + +.link-primary:hover, +.link-primary:focus { + color: #40a1ff; +} .link-secondary { - color: #6c757d; } - .link-secondary:hover, .link-secondary:focus { - color: #565e64; } + color: #6c757d; +} + +.link-secondary:hover, +.link-secondary:focus { + color: #565e64; +} .link-success { - color: #00af91; } - .link-success:hover, .link-success:focus { - color: #33bfa7; } + color: #00af91; +} + +.link-success:hover, +.link-success:focus { + color: #33bfa7; +} .link-info { - color: #0dcaf0; } - .link-info:hover, .link-info:focus { - color: #3dd5f3; } + color: #0dcaf0; +} + +.link-info:hover, +.link-info:focus { + color: #3dd5f3; +} .link-warning { - color: #ffc91b; } - .link-warning:hover, .link-warning:focus { - color: #ffd449; } + color: #ffc91b; +} + +.link-warning:hover, +.link-warning:focus { + color: #ffd449; +} .link-danger { - color: #f15c4c; } - .link-danger:hover, .link-danger:focus { - color: #f47d70; } + color: #f15c4c; +} + +.link-danger:hover, +.link-danger:focus { + color: #f47d70; +} .link-light { - color: #f8f9fa; } - .link-light:hover, .link-light:focus { - color: #f9fafb; } + color: #f8f9fa; +} + +.link-light:hover, +.link-light:focus { + color: #f9fafb; +} .link-dark { - color: #212529; } - .link-dark:hover, .link-dark:focus { - color: #1a1e21; } + color: #212529; +} + +.link-dark:hover, +.link-dark:focus { + color: #1a1e21; +} .ratio { position: relative; - width: 100%; } - .ratio::before { - display: block; - padding-top: var(--bs-aspect-ratio); - content: ""; } - .ratio > * { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } + width: 100%; +} + +.ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""; +} + +.ratio>* { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} .ratio-1x1 { - --bs-aspect-ratio: 100%; } + --bs-aspect-ratio: 100%; +} .ratio-4x3 { - --bs-aspect-ratio: calc(3 / 4 * 100%); } + --bs-aspect-ratio: calc(3 / 4 * 100%); +} .ratio-16x9 { - --bs-aspect-ratio: calc(9 / 16 * 100%); } + --bs-aspect-ratio: calc(9 / 16 * 100%); +} .ratio-21x9 { - --bs-aspect-ratio: calc(9 / 21 * 100%); } + --bs-aspect-ratio: calc(9 / 21 * 100%); +} .fixed-top { position: fixed; top: 0; right: 0; left: 0; - z-index: 1030; } + z-index: 1030; +} .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; - z-index: 1030; } + z-index: 1030; +} .sticky-top { position: -webkit-sticky; position: sticky; top: 0; - z-index: 1020; } + z-index: 1020; +} @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; - z-index: 1020; } } + z-index: 1020; + } +} @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; - z-index: 1020; } } + z-index: 1020; + } +} @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; - z-index: 1020; } } + z-index: 1020; + } +} @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; - z-index: 1020; } } + z-index: 1020; + } +} @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; - z-index: 1020; } } + z-index: 1020; + } +} .hstack { display: -webkit-box; @@ -6787,15 +9303,16 @@ .hstack { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; } + -ms-flex-item-align: stretch; + align-self: stretch; +} .vstack { display: -webkit-box; @@ -6804,16 +9321,17 @@ .vstack { display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; } + -ms-flex-item-align: stretch; + align-self: stretch; +} .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { @@ -6825,7 +9343,8 @@ .visually-hidden-focusable:not(:focus):not(:focus-within) { overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; - border: 0 !important; } + border: 0 !important; +} .stretched-link::after { position: absolute; @@ -6834,3538 +9353,5464 @@ .stretched-link::after { bottom: 0; left: 0; z-index: 1; - content: ""; } + content: ""; +} .text-truncate { overflow: hidden; text-overflow: ellipsis; - white-space: nowrap; } + white-space: nowrap; +} .vr { display: inline-block; -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; - opacity: 0.25; } + opacity: 0.25; +} .align-baseline { - vertical-align: baseline !important; } + vertical-align: baseline !important; +} .align-top { - vertical-align: top !important; } + vertical-align: top !important; +} .align-middle { - vertical-align: middle !important; } + vertical-align: middle !important; +} .align-bottom { - vertical-align: bottom !important; } + vertical-align: bottom !important; +} .align-text-bottom { - vertical-align: text-bottom !important; } + vertical-align: text-bottom !important; +} .align-text-top { - vertical-align: text-top !important; } + vertical-align: text-top !important; +} .float-start { - float: left !important; } + float: left !important; +} .float-end { - float: right !important; } + float: right !important; +} .float-none { - float: none !important; } + float: none !important; +} .opacity-0 { - opacity: 0 !important; } + opacity: 0 !important; +} .opacity-25 { - opacity: 0.25 !important; } + opacity: 0.25 !important; +} .opacity-50 { - opacity: 0.5 !important; } + opacity: 0.5 !important; +} .opacity-75 { - opacity: 0.75 !important; } + opacity: 0.75 !important; +} .opacity-100 { - opacity: 1 !important; } + opacity: 1 !important; +} .overflow-auto { - overflow: auto !important; } + overflow: auto !important; +} .overflow-hidden { - overflow: hidden !important; } + overflow: hidden !important; +} .overflow-visible { - overflow: visible !important; } + overflow: visible !important; +} .overflow-scroll { - overflow: scroll !important; } + overflow: scroll !important; +} .d-inline { - display: inline !important; } + display: inline !important; +} .d-inline-block { - display: inline-block !important; } + display: inline-block !important; +} .d-block { - display: block !important; } + display: block !important; +} .d-grid { - display: grid !important; } + display: grid !important; +} .d-table { - display: table !important; } + display: table !important; +} .d-table-row { - display: table-row !important; } + display: table-row !important; +} .d-table-cell { - display: table-cell !important; } + display: table-cell !important; +} .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; +} .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } + display: inline-flex !important; +} .d-none { - display: none !important; } + display: none !important; +} .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(25, 25, 34, 0.15) !important; - box-shadow: 0 0.5rem 1rem rgba(25, 25, 34, 0.15) !important; } + box-shadow: 0 0.5rem 1rem rgba(25, 25, 34, 0.15) !important; +} .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(25, 25, 34, 0.075) !important; - box-shadow: 0 0.125rem 0.25rem rgba(25, 25, 34, 0.075) !important; } + box-shadow: 0 0.125rem 0.25rem rgba(25, 25, 34, 0.075) !important; +} .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(25, 25, 34, 0.175) !important; - box-shadow: 0 1rem 3rem rgba(25, 25, 34, 0.175) !important; } + box-shadow: 0 1rem 3rem rgba(25, 25, 34, 0.175) !important; +} .shadow-none { -webkit-box-shadow: none !important; - box-shadow: none !important; } + box-shadow: none !important; +} .position-static { - position: static !important; } + position: static !important; +} .position-relative { - position: relative !important; } + position: relative !important; +} .position-absolute { - position: absolute !important; } + position: absolute !important; +} .position-fixed { - position: fixed !important; } + position: fixed !important; +} .position-sticky { position: -webkit-sticky !important; - position: sticky !important; } + position: sticky !important; +} .top-0 { - top: 0 !important; } + top: 0 !important; +} .top-50 { - top: 50% !important; } + top: 50% !important; +} .top-100 { - top: 100% !important; } + top: 100% !important; +} .bottom-0 { - bottom: 0 !important; } + bottom: 0 !important; +} .bottom-50 { - bottom: 50% !important; } + bottom: 50% !important; +} .bottom-100 { - bottom: 100% !important; } + bottom: 100% !important; +} .start-0 { - left: 0 !important; } + left: 0 !important; +} .start-50 { - left: 50% !important; } + left: 50% !important; +} .start-100 { - left: 100% !important; } + left: 100% !important; +} .end-0 { - right: 0 !important; } + right: 0 !important; +} .end-50 { - right: 50% !important; } + right: 50% !important; +} .end-100 { - right: 100% !important; } + right: 100% !important; +} .translate-middle { -webkit-transform: translate(-50%, -50%) !important; - transform: translate(-50%, -50%) !important; } + transform: translate(-50%, -50%) !important; +} .translate-middle-x { -webkit-transform: translateX(-50%) !important; - transform: translateX(-50%) !important; } + transform: translateX(-50%) !important; +} .translate-middle-y { -webkit-transform: translateY(-50%) !important; - transform: translateY(-50%) !important; } + transform: translateY(-50%) !important; +} .border { - border: 1px solid #dee2e6 !important; } + border: 1px solid #dee2e6 !important; +} .border-0 { - border: 0 !important; } + border: 0 !important; +} .border-top { - border-top: 1px solid #dee2e6 !important; } + border-top: 1px solid #dee2e6 !important; +} .border-top-0 { - border-top: 0 !important; } + border-top: 0 !important; +} .border-end { - border-right: 1px solid #dee2e6 !important; } + border-right: 1px solid #dee2e6 !important; +} .border-end-0 { - border-right: 0 !important; } + border-right: 0 !important; +} .border-bottom { - border-bottom: 1px solid #dee2e6 !important; } + border-bottom: 1px solid #dee2e6 !important; +} .border-bottom-0 { - border-bottom: 0 !important; } + border-bottom: 0 !important; +} .border-start { - border-left: 1px solid #dee2e6 !important; } + border-left: 1px solid #dee2e6 !important; +} .border-start-0 { - border-left: 0 !important; } + border-left: 0 !important; +} .border-primary { - border-color: #1089ff !important; } + border-color: #1089ff !important; +} .border-secondary { - border-color: #6c757d !important; } + border-color: #6c757d !important; +} .border-success { - border-color: #00af91 !important; } + border-color: #00af91 !important; +} .border-info { - border-color: #0dcaf0 !important; } + border-color: #0dcaf0 !important; +} .border-warning { - border-color: #ffc91b !important; } + border-color: #ffc91b !important; +} .border-danger { - border-color: #f15c4c !important; } + border-color: #f15c4c !important; +} .border-light { - border-color: #f8f9fa !important; } + border-color: #f8f9fa !important; +} .border-dark { - border-color: #212529 !important; } + border-color: #212529 !important; +} .border-white { - border-color: #fff !important; } + border-color: #fff !important; +} .border-1 { - border-width: 1px !important; } + border-width: 1px !important; +} .border-2 { - border-width: 2px !important; } + border-width: 2px !important; +} .border-3 { - border-width: 3px !important; } + border-width: 3px !important; +} .border-4 { - border-width: 4px !important; } + border-width: 4px !important; +} .border-5 { - border-width: 5px !important; } + border-width: 5px !important; +} .w-25 { - width: 25% !important; } + width: 25% !important; +} .w-50 { - width: 50% !important; } + width: 50% !important; +} .w-75 { - width: 75% !important; } + width: 75% !important; +} .w-100 { - width: 100% !important; } + width: 100% !important; +} .w-auto { - width: auto !important; } + width: auto !important; +} .mw-100 { - max-width: 100% !important; } + max-width: 100% !important; +} .vw-100 { - width: 100vw !important; } + width: 100vw !important; +} .min-vw-100 { - min-width: 100vw !important; } + min-width: 100vw !important; +} .h-25 { - height: 25% !important; } + height: 25% !important; +} .h-50 { - height: 50% !important; } + height: 50% !important; +} .h-75 { - height: 75% !important; } + height: 75% !important; +} .h-100 { - height: 100% !important; } + height: 100% !important; +} .h-auto { - height: auto !important; } + height: auto !important; +} .mh-100 { - max-height: 100% !important; } + max-height: 100% !important; +} .vh-100 { - height: 100vh !important; } + height: 100vh !important; +} .min-vh-100 { - min-height: 100vh !important; } + min-height: 100vh !important; +} .flex-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; - -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; } + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; - -ms-flex-direction: row !important; - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; +} .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; - -ms-flex-direction: column !important; - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; +} .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; - -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; } + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; - -ms-flex-direction: column-reverse !important; - flex-direction: column-reverse !important; } + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} .flex-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; - -ms-flex-positive: 0 !important; - flex-grow: 0 !important; } + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} .flex-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; - -ms-flex-positive: 1 !important; - flex-grow: 1 !important; } + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} .flex-shrink-0 { -webkit-flex-shrink: 0 !important; - -ms-flex-negative: 0 !important; - flex-shrink: 0 !important; } + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} .flex-shrink-1 { -webkit-flex-shrink: 1 !important; - -ms-flex-negative: 1 !important; - flex-shrink: 1 !important; } + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} .flex-wrap { -webkit-flex-wrap: wrap !important; - -ms-flex-wrap: wrap !important; - flex-wrap: wrap !important; } + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} .flex-nowrap { -webkit-flex-wrap: nowrap !important; - -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; } + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; - -ms-flex-wrap: wrap-reverse !important; - flex-wrap: wrap-reverse !important; } + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} .gap-0 { - gap: 0 !important; } + gap: 0 !important; +} .gap-1 { - gap: 0.25rem !important; } + gap: 0.25rem !important; +} .gap-2 { - gap: 0.5rem !important; } + gap: 0.5rem !important; +} .gap-3 { - gap: 1rem !important; } + gap: 1rem !important; +} .gap-4 { - gap: 1.5rem !important; } + gap: 1.5rem !important; +} .gap-5 { - gap: 3rem !important; } + gap: 3rem !important; +} .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; - -ms-flex-pack: start !important; - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; - -ms-flex-pack: end !important; - justify-content: flex-end !important; } + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; +} .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; - -ms-flex-pack: justify !important; - justify-content: space-between !important; } + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} .justify-content-around { -webkit-justify-content: space-around !important; - -ms-flex-pack: distribute !important; - justify-content: space-around !important; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} .justify-content-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; - -ms-flex-pack: space-evenly !important; - justify-content: space-evenly !important; } + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; +} .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; - -ms-flex-align: end !important; - align-items: flex-end !important; } + -ms-flex-align: end !important; + align-items: flex-end !important; +} .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; - -ms-flex-align: center !important; - align-items: center !important; } + -ms-flex-align: center !important; + align-items: center !important; +} .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; - -ms-flex-align: baseline !important; - align-items: baseline !important; } + -ms-flex-align: baseline !important; + align-items: baseline !important; +} .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; - -ms-flex-align: stretch !important; - align-items: stretch !important; } + -ms-flex-align: stretch !important; + align-items: stretch !important; +} .align-content-start { -webkit-align-content: flex-start !important; - -ms-flex-line-pack: start !important; - align-content: flex-start !important; } + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} .align-content-end { -webkit-align-content: flex-end !important; - -ms-flex-line-pack: end !important; - align-content: flex-end !important; } + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} .align-content-center { -webkit-align-content: center !important; - -ms-flex-line-pack: center !important; - align-content: center !important; } + -ms-flex-line-pack: center !important; + align-content: center !important; +} .align-content-between { -webkit-align-content: space-between !important; - -ms-flex-line-pack: justify !important; - align-content: space-between !important; } + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} .align-content-around { -webkit-align-content: space-around !important; - -ms-flex-line-pack: distribute !important; - align-content: space-around !important; } + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} .align-content-stretch { -webkit-align-content: stretch !important; - -ms-flex-line-pack: stretch !important; - align-content: stretch !important; } + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} .align-self-auto { -webkit-align-self: auto !important; - -ms-flex-item-align: auto !important; - align-self: auto !important; } + -ms-flex-item-align: auto !important; + align-self: auto !important; +} .align-self-start { -webkit-align-self: flex-start !important; - -ms-flex-item-align: start !important; - align-self: flex-start !important; } + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} .align-self-end { -webkit-align-self: flex-end !important; - -ms-flex-item-align: end !important; - align-self: flex-end !important; } + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} .align-self-center { -webkit-align-self: center !important; - -ms-flex-item-align: center !important; - align-self: center !important; } + -ms-flex-item-align: center !important; + align-self: center !important; +} .align-self-baseline { -webkit-align-self: baseline !important; - -ms-flex-item-align: baseline !important; - align-self: baseline !important; } + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} .align-self-stretch { -webkit-align-self: stretch !important; - -ms-flex-item-align: stretch !important; - align-self: stretch !important; } + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} .order-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; - -ms-flex-order: -1 !important; - order: -1 !important; } + -ms-flex-order: -1 !important; + order: -1 !important; +} .order-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; - -ms-flex-order: 0 !important; - order: 0 !important; } + -ms-flex-order: 0 !important; + order: 0 !important; +} .order-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; - -ms-flex-order: 1 !important; - order: 1 !important; } + -ms-flex-order: 1 !important; + order: 1 !important; +} .order-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; - -ms-flex-order: 2 !important; - order: 2 !important; } + -ms-flex-order: 2 !important; + order: 2 !important; +} .order-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; - -ms-flex-order: 3 !important; - order: 3 !important; } + -ms-flex-order: 3 !important; + order: 3 !important; +} .order-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; - -ms-flex-order: 4 !important; - order: 4 !important; } + -ms-flex-order: 4 !important; + order: 4 !important; +} .order-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; - -ms-flex-order: 5 !important; - order: 5 !important; } + -ms-flex-order: 5 !important; + order: 5 !important; +} .order-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; - -ms-flex-order: 6 !important; - order: 6 !important; } + -ms-flex-order: 6 !important; + order: 6 !important; +} .m-0 { - margin: 0 !important; } + margin: 0 !important; +} .m-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; +} .m-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; +} .m-3 { - margin: 1rem !important; } + margin: 1rem !important; +} .m-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; +} .m-5 { - margin: 3rem !important; } + margin: 3rem !important; +} .m-auto { - margin: auto !important; } + margin: auto !important; +} .mx-0 { margin-right: 0 !important; - margin-left: 0 !important; } + margin-left: 0 !important; +} .mx-1 { margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; +} .mx-2 { margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; +} .mx-3 { margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-left: 1rem !important; +} .mx-4 { margin-right: 1.5rem !important; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; +} .mx-5 { margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-left: 3rem !important; +} .mx-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; +} .my-0 { margin-top: 0 !important; - margin-bottom: 0 !important; } + margin-bottom: 0 !important; +} .my-1 { margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; +} .my-2 { margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; +} .my-3 { margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; +} .my-4 { margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; +} .my-5 { margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; +} .my-auto { margin-top: auto !important; - margin-bottom: auto !important; } + margin-bottom: auto !important; +} .mt-0 { - margin-top: 0 !important; } + margin-top: 0 !important; +} .mt-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; +} .mt-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; +} .mt-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; +} .mt-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; +} .mt-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; +} .mt-auto { - margin-top: auto !important; } + margin-top: auto !important; +} .me-0 { - margin-right: 0 !important; } + margin-right: 0 !important; +} .me-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; +} .me-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; +} .me-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; +} .me-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; +} .me-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; +} .me-auto { - margin-right: auto !important; } + margin-right: auto !important; +} .mb-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; +} .mb-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; +} .mb-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; +} .mb-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; +} .mb-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; +} .mb-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; +} .mb-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; +} .ms-0 { - margin-left: 0 !important; } + margin-left: 0 !important; +} .ms-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; +} .ms-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; +} .ms-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; +} .ms-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; +} .ms-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; +} .ms-auto { - margin-left: auto !important; } + margin-left: auto !important; +} .p-0 { - padding: 0 !important; } + padding: 0 !important; +} .p-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; +} .p-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; +} .p-3 { - padding: 1rem !important; } + padding: 1rem !important; +} .p-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; +} .p-5 { - padding: 3rem !important; } + padding: 3rem !important; +} .px-0 { padding-right: 0 !important; - padding-left: 0 !important; } + padding-left: 0 !important; +} .px-1 { padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; +} .px-2 { padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; +} .px-3 { padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-left: 1rem !important; +} .px-4 { padding-right: 1.5rem !important; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; +} .px-5 { padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-left: 3rem !important; +} .py-0 { padding-top: 0 !important; - padding-bottom: 0 !important; } + padding-bottom: 0 !important; +} .py-1 { padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; +} .py-2 { padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; +} .py-3 { padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; +} .py-4 { padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; +} .py-5 { padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; +} .pt-0 { - padding-top: 0 !important; } + padding-top: 0 !important; +} .pt-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; +} .pt-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; +} .pt-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; +} .pt-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; +} .pt-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; +} .pe-0 { - padding-right: 0 !important; } + padding-right: 0 !important; +} .pe-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; +} .pe-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; +} .pe-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; +} .pe-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; +} .pe-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; +} .pb-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; +} .pb-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; +} .pb-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; +} .pb-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; +} .pb-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; +} .pb-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; +} .ps-0 { - padding-left: 0 !important; } + padding-left: 0 !important; +} .ps-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; +} .ps-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; +} .ps-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; +} .ps-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; +} .ps-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; +} .font-monospace { - font-family: var(--bs-font-monospace) !important; } + font-family: var(--bs-font-monospace) !important; +} .fs-1 { - font-size: calc(1.375rem + 1.5vw) !important; } + font-size: calc(1.375rem + 1.5vw) !important; +} .fs-2 { - font-size: calc(1.325rem + 0.9vw) !important; } + font-size: calc(1.325rem + 0.9vw) !important; +} .fs-3 { - font-size: calc(1.3rem + 0.6vw) !important; } + font-size: calc(1.3rem + 0.6vw) !important; +} .fs-4 { - font-size: calc(1.275rem + 0.3vw) !important; } + font-size: calc(1.275rem + 0.3vw) !important; +} .fs-5 { - font-size: 1.25rem !important; } + font-size: 1.25rem !important; +} .fs-6 { - font-size: 1rem !important; } + font-size: 1rem !important; +} .fst-italic { - font-style: italic !important; } + font-style: italic !important; +} .fst-normal { - font-style: normal !important; } + font-style: normal !important; +} .fw-light { - font-weight: 300 !important; } + font-weight: 300 !important; +} .fw-lighter { - font-weight: lighter !important; } + font-weight: lighter !important; +} .fw-normal { - font-weight: 400 !important; } + font-weight: 400 !important; +} .fw-bold { - font-weight: 700 !important; } + font-weight: 700 !important; +} .fw-bolder { - font-weight: bolder !important; } + font-weight: bolder !important; +} .lh-1 { - line-height: 1 !important; } + line-height: 1 !important; +} .lh-sm { - line-height: 1.25 !important; } + line-height: 1.25 !important; +} .lh-base { - line-height: 1.5 !important; } + line-height: 1.5 !important; +} .lh-lg { - line-height: 2 !important; } + line-height: 2 !important; +} .text-start { - text-align: left !important; } + text-align: left !important; +} .text-end { - text-align: right !important; } + text-align: right !important; +} .text-center { - text-align: center !important; } + text-align: center !important; +} .text-decoration-none { - text-decoration: none !important; } + text-decoration: none !important; +} .text-decoration-underline { - text-decoration: underline !important; } + text-decoration: underline !important; +} .text-decoration-line-through { - text-decoration: line-through !important; } + text-decoration: line-through !important; +} .text-lowercase { - text-transform: lowercase !important; } + text-transform: lowercase !important; +} .text-uppercase { - text-transform: uppercase !important; } + text-transform: uppercase !important; +} .text-capitalize { - text-transform: capitalize !important; } + text-transform: capitalize !important; +} .text-wrap { - white-space: normal !important; } + white-space: normal !important; +} .text-nowrap { - white-space: nowrap !important; } + white-space: nowrap !important; +} /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; - word-break: break-word !important; } + word-break: break-word !important; +} /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; - color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } + color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; +} .text-secondary { --bs-text-opacity: 1; - color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } + color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; +} .text-success { --bs-text-opacity: 1; - color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } + color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; +} .text-info { --bs-text-opacity: 1; - color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } + color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; +} .text-warning { --bs-text-opacity: 1; - color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } + color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; +} .text-danger { --bs-text-opacity: 1; - color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } + color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; +} .text-light { --bs-text-opacity: 1; - color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } + color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; +} .text-dark { --bs-text-opacity: 1; - color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } + color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; +} .text-black { --bs-text-opacity: 1; - color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } + color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; +} .text-white { --bs-text-opacity: 1; - color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } + color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; +} .text-body { --bs-text-opacity: 1; - color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } + color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; +} .text-muted { --bs-text-opacity: 1; - color: #6c757d !important; } + color: #6c757d !important; +} .text-black-50 { --bs-text-opacity: 1; - color: rgba(25, 25, 34, 0.5) !important; } + color: rgba(25, 25, 34, 0.5) !important; +} .text-white-50 { --bs-text-opacity: 1; - color: rgba(255, 255, 255, 0.5) !important; } + color: rgba(255, 255, 255, 0.5) !important; +} .text-reset { --bs-text-opacity: 1; - color: inherit !important; } + color: inherit !important; +} .text-opacity-25 { - --bs-text-opacity: 0.25; } + --bs-text-opacity: 0.25; +} .text-opacity-50 { - --bs-text-opacity: 0.5; } + --bs-text-opacity: 0.5; +} .text-opacity-75 { - --bs-text-opacity: 0.75; } + --bs-text-opacity: 0.75; +} .text-opacity-100 { - --bs-text-opacity: 1; } + --bs-text-opacity: 1; +} .bg-primary { --bs-bg-opacity: 1; - background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } + background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; +} .bg-secondary { --bs-bg-opacity: 1; - background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } + background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; +} .bg-success { --bs-bg-opacity: 1; - background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } + background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; +} .bg-info { --bs-bg-opacity: 1; - background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } + background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; +} .bg-warning { --bs-bg-opacity: 1; - background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } + background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; +} .bg-danger { --bs-bg-opacity: 1; - background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } + background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; +} .bg-light { --bs-bg-opacity: 1; - background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } + background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; +} .bg-dark { --bs-bg-opacity: 1; - background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } + background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; +} .bg-black { --bs-bg-opacity: 1; - background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } + background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; +} .bg-white { --bs-bg-opacity: 1; - background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } + background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; +} .bg-body { --bs-bg-opacity: 1; - background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } + background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; +} .bg-transparent { --bs-bg-opacity: 1; - background-color: transparent !important; } + background-color: transparent !important; +} .bg-opacity-10 { - --bs-bg-opacity: 0.1; } + --bs-bg-opacity: 0.1; +} .bg-opacity-25 { - --bs-bg-opacity: 0.25; } + --bs-bg-opacity: 0.25; +} .bg-opacity-50 { - --bs-bg-opacity: 0.5; } + --bs-bg-opacity: 0.5; +} .bg-opacity-75 { - --bs-bg-opacity: 0.75; } + --bs-bg-opacity: 0.75; +} .bg-opacity-100 { - --bs-bg-opacity: 1; } + --bs-bg-opacity: 1; +} .bg-gradient { - background-image: var(--bs-gradient) !important; } + background-image: var(--bs-gradient) !important; +} .user-select-all { -webkit-user-select: all !important; - -moz-user-select: all !important; - -ms-user-select: all !important; - user-select: all !important; } + -moz-user-select: all !important; + -ms-user-select: all !important; + user-select: all !important; +} .user-select-auto { -webkit-user-select: auto !important; - -moz-user-select: auto !important; - -ms-user-select: auto !important; - user-select: auto !important; } + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select: auto !important; +} .user-select-none { -webkit-user-select: none !important; - -moz-user-select: none !important; - -ms-user-select: none !important; - user-select: none !important; } + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} .pe-none { - pointer-events: none !important; } + pointer-events: none !important; +} .pe-auto { - pointer-events: auto !important; } + pointer-events: auto !important; +} .rounded { - border-radius: 0.25rem !important; } + border-radius: 0.25rem !important; +} .rounded-0 { - border-radius: 0 !important; } + border-radius: 0 !important; +} .rounded-1 { - border-radius: 0.2rem !important; } + border-radius: 0.2rem !important; +} .rounded-2 { - border-radius: 0.25rem !important; } + border-radius: 0.25rem !important; +} .rounded-3 { - border-radius: 0.3rem !important; } + border-radius: 0.3rem !important; +} .rounded-circle { - border-radius: 50% !important; } + border-radius: 50% !important; +} .rounded-pill { - border-radius: 50rem !important; } + border-radius: 50rem !important; +} .rounded-top { border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; } + border-top-right-radius: 0.25rem !important; +} .rounded-end { border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; } + border-bottom-right-radius: 0.25rem !important; +} .rounded-bottom { border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; } + border-bottom-left-radius: 0.25rem !important; +} .rounded-start { border-bottom-left-radius: 0.25rem !important; - border-top-left-radius: 0.25rem !important; } + border-top-left-radius: 0.25rem !important; +} .visible { - visibility: visible !important; } + visibility: visible !important; +} .invisible { - visibility: hidden !important; } + visibility: hidden !important; +} @media (min-width: 576px) { .float-sm-start { - float: left !important; } + float: left !important; + } + .float-sm-end { - float: right !important; } + float: right !important; + } + .float-sm-none { - float: none !important; } + float: none !important; + } + .d-sm-inline { - display: inline !important; } + display: inline !important; + } + .d-sm-inline-block { - display: inline-block !important; } + display: inline-block !important; + } + .d-sm-block { - display: block !important; } + display: block !important; + } + .d-sm-grid { - display: grid !important; } + display: grid !important; + } + .d-sm-table { - display: table !important; } + display: table !important; + } + .d-sm-table-row { - display: table-row !important; } + display: table-row !important; + } + .d-sm-table-cell { - display: table-cell !important; } + display: table-cell !important; + } + .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } + display: inline-flex !important; + } + .d-sm-none { - display: none !important; } + display: none !important; + } + .flex-sm-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; - -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; } + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; - -ms-flex-direction: row !important; - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; - -ms-flex-direction: column !important; - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; - -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; } + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; - -ms-flex-direction: column-reverse !important; - flex-direction: column-reverse !important; } + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; - -ms-flex-positive: 0 !important; - flex-grow: 0 !important; } + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; - -ms-flex-positive: 1 !important; - flex-grow: 1 !important; } + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; - -ms-flex-negative: 0 !important; - flex-shrink: 0 !important; } + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; - -ms-flex-negative: 1 !important; - flex-shrink: 1 !important; } + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-sm-wrap { -webkit-flex-wrap: wrap !important; - -ms-flex-wrap: wrap !important; - flex-wrap: wrap !important; } + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; - -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; } + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; - -ms-flex-wrap: wrap-reverse !important; - flex-wrap: wrap-reverse !important; } + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .gap-sm-0 { - gap: 0 !important; } + gap: 0 !important; + } + .gap-sm-1 { - gap: 0.25rem !important; } + gap: 0.25rem !important; + } + .gap-sm-2 { - gap: 0.5rem !important; } + gap: 0.5rem !important; + } + .gap-sm-3 { - gap: 1rem !important; } + gap: 1rem !important; + } + .gap-sm-4 { - gap: 1.5rem !important; } + gap: 1.5rem !important; + } + .gap-sm-5 { - gap: 3rem !important; } + gap: 3rem !important; + } + .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; - -ms-flex-pack: start !important; - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; - -ms-flex-pack: end !important; - justify-content: flex-end !important; } + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; - -ms-flex-pack: justify !important; - justify-content: space-between !important; } + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-sm-around { -webkit-justify-content: space-around !important; - -ms-flex-pack: distribute !important; - justify-content: space-around !important; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-sm-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; - -ms-flex-pack: space-evenly !important; - justify-content: space-evenly !important; } + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; + } + .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; - -ms-flex-align: end !important; - align-items: flex-end !important; } + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; - -ms-flex-align: center !important; - align-items: center !important; } + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; - -ms-flex-align: baseline !important; - align-items: baseline !important; } + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; - -ms-flex-align: stretch !important; - align-items: stretch !important; } + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-sm-start { -webkit-align-content: flex-start !important; - -ms-flex-line-pack: start !important; - align-content: flex-start !important; } + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-sm-end { -webkit-align-content: flex-end !important; - -ms-flex-line-pack: end !important; - align-content: flex-end !important; } + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-sm-center { -webkit-align-content: center !important; - -ms-flex-line-pack: center !important; - align-content: center !important; } + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-sm-between { -webkit-align-content: space-between !important; - -ms-flex-line-pack: justify !important; - align-content: space-between !important; } + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-sm-around { -webkit-align-content: space-around !important; - -ms-flex-line-pack: distribute !important; - align-content: space-around !important; } + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-sm-stretch { -webkit-align-content: stretch !important; - -ms-flex-line-pack: stretch !important; - align-content: stretch !important; } + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-sm-auto { -webkit-align-self: auto !important; - -ms-flex-item-align: auto !important; - align-self: auto !important; } + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-sm-start { -webkit-align-self: flex-start !important; - -ms-flex-item-align: start !important; - align-self: flex-start !important; } + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-sm-end { -webkit-align-self: flex-end !important; - -ms-flex-item-align: end !important; - align-self: flex-end !important; } + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-sm-center { -webkit-align-self: center !important; - -ms-flex-item-align: center !important; - align-self: center !important; } + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-sm-baseline { -webkit-align-self: baseline !important; - -ms-flex-item-align: baseline !important; - align-self: baseline !important; } + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-sm-stretch { -webkit-align-self: stretch !important; - -ms-flex-item-align: stretch !important; - align-self: stretch !important; } + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .order-sm-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; - -ms-flex-order: -1 !important; - order: -1 !important; } + -ms-flex-order: -1 !important; + order: -1 !important; + } + .order-sm-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; - -ms-flex-order: 0 !important; - order: 0 !important; } + -ms-flex-order: 0 !important; + order: 0 !important; + } + .order-sm-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; - -ms-flex-order: 1 !important; - order: 1 !important; } + -ms-flex-order: 1 !important; + order: 1 !important; + } + .order-sm-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; - -ms-flex-order: 2 !important; - order: 2 !important; } + -ms-flex-order: 2 !important; + order: 2 !important; + } + .order-sm-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; - -ms-flex-order: 3 !important; - order: 3 !important; } + -ms-flex-order: 3 !important; + order: 3 !important; + } + .order-sm-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; - -ms-flex-order: 4 !important; - order: 4 !important; } + -ms-flex-order: 4 !important; + order: 4 !important; + } + .order-sm-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; - -ms-flex-order: 5 !important; - order: 5 !important; } + -ms-flex-order: 5 !important; + order: 5 !important; + } + .order-sm-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; - -ms-flex-order: 6 !important; - order: 6 !important; } + -ms-flex-order: 6 !important; + order: 6 !important; + } + .m-sm-0 { - margin: 0 !important; } + margin: 0 !important; + } + .m-sm-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } + .m-sm-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } + .m-sm-3 { - margin: 1rem !important; } + margin: 1rem !important; + } + .m-sm-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } + .m-sm-5 { - margin: 3rem !important; } + margin: 3rem !important; + } + .m-sm-auto { - margin: auto !important; } + margin: auto !important; + } + .mx-sm-0 { margin-right: 0 !important; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .mx-sm-1 { margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .mx-sm-2 { margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .mx-sm-3 { margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .mx-sm-4 { margin-right: 1.5rem !important; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .mx-sm-5 { margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .mx-sm-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .my-sm-0 { margin-top: 0 !important; - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .my-sm-1 { margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .my-sm-2 { margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .my-sm-3 { margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .my-sm-4 { margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .my-sm-5 { margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .my-sm-auto { margin-top: auto !important; - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .mt-sm-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } + .mt-sm-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } + .mt-sm-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } + .mt-sm-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } + .mt-sm-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } + .mt-sm-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } + .mt-sm-auto { - margin-top: auto !important; } + margin-top: auto !important; + } + .me-sm-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } + .me-sm-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .me-sm-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .me-sm-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .me-sm-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .me-sm-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .me-sm-auto { - margin-right: auto !important; } + margin-right: auto !important; + } + .mb-sm-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .mb-sm-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .mb-sm-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .mb-sm-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .mb-sm-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .mb-sm-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .mb-sm-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .ms-sm-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } + .ms-sm-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .ms-sm-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .ms-sm-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .ms-sm-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .ms-sm-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .ms-sm-auto { - margin-left: auto !important; } + margin-left: auto !important; + } + .p-sm-0 { - padding: 0 !important; } + padding: 0 !important; + } + .p-sm-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } + .p-sm-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } + .p-sm-3 { - padding: 1rem !important; } + padding: 1rem !important; + } + .p-sm-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } + .p-sm-5 { - padding: 3rem !important; } + padding: 3rem !important; + } + .px-sm-0 { padding-right: 0 !important; - padding-left: 0 !important; } + padding-left: 0 !important; + } + .px-sm-1 { padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .px-sm-2 { padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .px-sm-3 { padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .px-sm-4 { padding-right: 1.5rem !important; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .px-sm-5 { padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .py-sm-0 { padding-top: 0 !important; - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .py-sm-1 { padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .py-sm-2 { padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .py-sm-3 { padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .py-sm-4 { padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .py-sm-5 { padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .pt-sm-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } + .pt-sm-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } + .pt-sm-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } + .pt-sm-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } + .pt-sm-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } + .pt-sm-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } + .pe-sm-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } + .pe-sm-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .pe-sm-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .pe-sm-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .pe-sm-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .pe-sm-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .pb-sm-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .pb-sm-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .pb-sm-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .pb-sm-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .pb-sm-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .pb-sm-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .ps-sm-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } + .ps-sm-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .ps-sm-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .ps-sm-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .ps-sm-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .ps-sm-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .text-sm-start { - text-align: left !important; } + text-align: left !important; + } + .text-sm-end { - text-align: right !important; } + text-align: right !important; + } + .text-sm-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 768px) { .float-md-start { - float: left !important; } + float: left !important; + } + .float-md-end { - float: right !important; } + float: right !important; + } + .float-md-none { - float: none !important; } + float: none !important; + } + .d-md-inline { - display: inline !important; } + display: inline !important; + } + .d-md-inline-block { - display: inline-block !important; } + display: inline-block !important; + } + .d-md-block { - display: block !important; } + display: block !important; + } + .d-md-grid { - display: grid !important; } + display: grid !important; + } + .d-md-table { - display: table !important; } + display: table !important; + } + .d-md-table-row { - display: table-row !important; } + display: table-row !important; + } + .d-md-table-cell { - display: table-cell !important; } + display: table-cell !important; + } + .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } + display: inline-flex !important; + } + .d-md-none { - display: none !important; } + display: none !important; + } + .flex-md-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; - -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; } + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; - -ms-flex-direction: row !important; - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; - -ms-flex-direction: column !important; - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; - -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; } + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; - -ms-flex-direction: column-reverse !important; - flex-direction: column-reverse !important; } + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-md-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; - -ms-flex-positive: 0 !important; - flex-grow: 0 !important; } + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-md-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; - -ms-flex-positive: 1 !important; - flex-grow: 1 !important; } + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; - -ms-flex-negative: 0 !important; - flex-shrink: 0 !important; } + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; - -ms-flex-negative: 1 !important; - flex-shrink: 1 !important; } + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-md-wrap { -webkit-flex-wrap: wrap !important; - -ms-flex-wrap: wrap !important; - flex-wrap: wrap !important; } + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; - -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; } + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; - -ms-flex-wrap: wrap-reverse !important; - flex-wrap: wrap-reverse !important; } + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .gap-md-0 { - gap: 0 !important; } + gap: 0 !important; + } + .gap-md-1 { - gap: 0.25rem !important; } + gap: 0.25rem !important; + } + .gap-md-2 { - gap: 0.5rem !important; } + gap: 0.5rem !important; + } + .gap-md-3 { - gap: 1rem !important; } + gap: 1rem !important; + } + .gap-md-4 { - gap: 1.5rem !important; } + gap: 1.5rem !important; + } + .gap-md-5 { - gap: 3rem !important; } + gap: 3rem !important; + } + .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; - -ms-flex-pack: start !important; - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; - -ms-flex-pack: end !important; - justify-content: flex-end !important; } + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; - -ms-flex-pack: justify !important; - justify-content: space-between !important; } + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-md-around { -webkit-justify-content: space-around !important; - -ms-flex-pack: distribute !important; - justify-content: space-around !important; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-md-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; - -ms-flex-pack: space-evenly !important; - justify-content: space-evenly !important; } + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; + } + .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; - -ms-flex-align: end !important; - align-items: flex-end !important; } + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; - -ms-flex-align: center !important; - align-items: center !important; } + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; - -ms-flex-align: baseline !important; - align-items: baseline !important; } + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; - -ms-flex-align: stretch !important; - align-items: stretch !important; } + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-md-start { -webkit-align-content: flex-start !important; - -ms-flex-line-pack: start !important; - align-content: flex-start !important; } + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-md-end { -webkit-align-content: flex-end !important; - -ms-flex-line-pack: end !important; - align-content: flex-end !important; } + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-md-center { -webkit-align-content: center !important; - -ms-flex-line-pack: center !important; - align-content: center !important; } + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-md-between { -webkit-align-content: space-between !important; - -ms-flex-line-pack: justify !important; - align-content: space-between !important; } + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-md-around { -webkit-align-content: space-around !important; - -ms-flex-line-pack: distribute !important; - align-content: space-around !important; } + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-md-stretch { -webkit-align-content: stretch !important; - -ms-flex-line-pack: stretch !important; - align-content: stretch !important; } + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-md-auto { -webkit-align-self: auto !important; - -ms-flex-item-align: auto !important; - align-self: auto !important; } + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-md-start { -webkit-align-self: flex-start !important; - -ms-flex-item-align: start !important; - align-self: flex-start !important; } + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-md-end { -webkit-align-self: flex-end !important; - -ms-flex-item-align: end !important; - align-self: flex-end !important; } + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-md-center { -webkit-align-self: center !important; - -ms-flex-item-align: center !important; - align-self: center !important; } + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-md-baseline { -webkit-align-self: baseline !important; - -ms-flex-item-align: baseline !important; - align-self: baseline !important; } + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-md-stretch { -webkit-align-self: stretch !important; - -ms-flex-item-align: stretch !important; - align-self: stretch !important; } + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .order-md-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; - -ms-flex-order: -1 !important; - order: -1 !important; } + -ms-flex-order: -1 !important; + order: -1 !important; + } + .order-md-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; - -ms-flex-order: 0 !important; - order: 0 !important; } + -ms-flex-order: 0 !important; + order: 0 !important; + } + .order-md-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; - -ms-flex-order: 1 !important; - order: 1 !important; } + -ms-flex-order: 1 !important; + order: 1 !important; + } + .order-md-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; - -ms-flex-order: 2 !important; - order: 2 !important; } + -ms-flex-order: 2 !important; + order: 2 !important; + } + .order-md-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; - -ms-flex-order: 3 !important; - order: 3 !important; } + -ms-flex-order: 3 !important; + order: 3 !important; + } + .order-md-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; - -ms-flex-order: 4 !important; - order: 4 !important; } + -ms-flex-order: 4 !important; + order: 4 !important; + } + .order-md-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; - -ms-flex-order: 5 !important; - order: 5 !important; } + -ms-flex-order: 5 !important; + order: 5 !important; + } + .order-md-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; - -ms-flex-order: 6 !important; - order: 6 !important; } + -ms-flex-order: 6 !important; + order: 6 !important; + } + .m-md-0 { - margin: 0 !important; } + margin: 0 !important; + } + .m-md-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } + .m-md-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } + .m-md-3 { - margin: 1rem !important; } + margin: 1rem !important; + } + .m-md-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } + .m-md-5 { - margin: 3rem !important; } + margin: 3rem !important; + } + .m-md-auto { - margin: auto !important; } + margin: auto !important; + } + .mx-md-0 { margin-right: 0 !important; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .mx-md-1 { margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .mx-md-2 { margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .mx-md-3 { margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .mx-md-4 { margin-right: 1.5rem !important; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .mx-md-5 { margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .mx-md-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .my-md-0 { margin-top: 0 !important; - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .my-md-1 { margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .my-md-2 { margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .my-md-3 { margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .my-md-4 { margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .my-md-5 { margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .my-md-auto { margin-top: auto !important; - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .mt-md-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } + .mt-md-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } + .mt-md-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } + .mt-md-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } + .mt-md-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } + .mt-md-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } + .mt-md-auto { - margin-top: auto !important; } + margin-top: auto !important; + } + .me-md-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } + .me-md-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .me-md-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .me-md-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .me-md-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .me-md-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .me-md-auto { - margin-right: auto !important; } + margin-right: auto !important; + } + .mb-md-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .mb-md-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .mb-md-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .mb-md-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .mb-md-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .mb-md-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .mb-md-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .ms-md-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } + .ms-md-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .ms-md-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .ms-md-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .ms-md-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .ms-md-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .ms-md-auto { - margin-left: auto !important; } + margin-left: auto !important; + } + .p-md-0 { - padding: 0 !important; } + padding: 0 !important; + } + .p-md-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } + .p-md-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } + .p-md-3 { - padding: 1rem !important; } + padding: 1rem !important; + } + .p-md-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } + .p-md-5 { - padding: 3rem !important; } + padding: 3rem !important; + } + .px-md-0 { padding-right: 0 !important; - padding-left: 0 !important; } + padding-left: 0 !important; + } + .px-md-1 { padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .px-md-2 { padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .px-md-3 { padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .px-md-4 { padding-right: 1.5rem !important; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .px-md-5 { padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .py-md-0 { padding-top: 0 !important; - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .py-md-1 { padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .py-md-2 { padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .py-md-3 { padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .py-md-4 { padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .py-md-5 { padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .pt-md-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } + .pt-md-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } + .pt-md-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } + .pt-md-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } + .pt-md-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } + .pt-md-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } + .pe-md-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } + .pe-md-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .pe-md-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .pe-md-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .pe-md-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .pe-md-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .pb-md-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .pb-md-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .pb-md-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .pb-md-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .pb-md-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .pb-md-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .ps-md-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } + .ps-md-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .ps-md-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .ps-md-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .ps-md-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .ps-md-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .text-md-start { - text-align: left !important; } + text-align: left !important; + } + .text-md-end { - text-align: right !important; } + text-align: right !important; + } + .text-md-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 992px) { .float-lg-start { - float: left !important; } + float: left !important; + } + .float-lg-end { - float: right !important; } + float: right !important; + } + .float-lg-none { - float: none !important; } + float: none !important; + } + .d-lg-inline { - display: inline !important; } + display: inline !important; + } + .d-lg-inline-block { - display: inline-block !important; } + display: inline-block !important; + } + .d-lg-block { - display: block !important; } + display: block !important; + } + .d-lg-grid { - display: grid !important; } + display: grid !important; + } + .d-lg-table { - display: table !important; } + display: table !important; + } + .d-lg-table-row { - display: table-row !important; } + display: table-row !important; + } + .d-lg-table-cell { - display: table-cell !important; } + display: table-cell !important; + } + .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } + display: inline-flex !important; + } + .d-lg-none { - display: none !important; } + display: none !important; + } + .flex-lg-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; - -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; } + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; - -ms-flex-direction: row !important; - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; - -ms-flex-direction: column !important; - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; - -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; } + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; - -ms-flex-direction: column-reverse !important; - flex-direction: column-reverse !important; } + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; - -ms-flex-positive: 0 !important; - flex-grow: 0 !important; } + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; - -ms-flex-positive: 1 !important; - flex-grow: 1 !important; } + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; - -ms-flex-negative: 0 !important; - flex-shrink: 0 !important; } + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; - -ms-flex-negative: 1 !important; - flex-shrink: 1 !important; } + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-lg-wrap { -webkit-flex-wrap: wrap !important; - -ms-flex-wrap: wrap !important; - flex-wrap: wrap !important; } + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; - -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; } + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; - -ms-flex-wrap: wrap-reverse !important; - flex-wrap: wrap-reverse !important; } + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .gap-lg-0 { - gap: 0 !important; } + gap: 0 !important; + } + .gap-lg-1 { - gap: 0.25rem !important; } + gap: 0.25rem !important; + } + .gap-lg-2 { - gap: 0.5rem !important; } + gap: 0.5rem !important; + } + .gap-lg-3 { - gap: 1rem !important; } + gap: 1rem !important; + } + .gap-lg-4 { - gap: 1.5rem !important; } + gap: 1.5rem !important; + } + .gap-lg-5 { - gap: 3rem !important; } + gap: 3rem !important; + } + .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; - -ms-flex-pack: start !important; - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; - -ms-flex-pack: end !important; - justify-content: flex-end !important; } + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; - -ms-flex-pack: justify !important; - justify-content: space-between !important; } + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-lg-around { -webkit-justify-content: space-around !important; - -ms-flex-pack: distribute !important; - justify-content: space-around !important; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-lg-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; - -ms-flex-pack: space-evenly !important; - justify-content: space-evenly !important; } + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; + } + .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; - -ms-flex-align: end !important; - align-items: flex-end !important; } + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; - -ms-flex-align: center !important; - align-items: center !important; } + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; - -ms-flex-align: baseline !important; - align-items: baseline !important; } + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; - -ms-flex-align: stretch !important; - align-items: stretch !important; } + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-lg-start { -webkit-align-content: flex-start !important; - -ms-flex-line-pack: start !important; - align-content: flex-start !important; } + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-lg-end { -webkit-align-content: flex-end !important; - -ms-flex-line-pack: end !important; - align-content: flex-end !important; } + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-lg-center { -webkit-align-content: center !important; - -ms-flex-line-pack: center !important; - align-content: center !important; } + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-lg-between { -webkit-align-content: space-between !important; - -ms-flex-line-pack: justify !important; - align-content: space-between !important; } + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-lg-around { -webkit-align-content: space-around !important; - -ms-flex-line-pack: distribute !important; - align-content: space-around !important; } + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-lg-stretch { -webkit-align-content: stretch !important; - -ms-flex-line-pack: stretch !important; - align-content: stretch !important; } + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-lg-auto { -webkit-align-self: auto !important; - -ms-flex-item-align: auto !important; - align-self: auto !important; } + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-lg-start { -webkit-align-self: flex-start !important; - -ms-flex-item-align: start !important; - align-self: flex-start !important; } + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-lg-end { -webkit-align-self: flex-end !important; - -ms-flex-item-align: end !important; - align-self: flex-end !important; } + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-lg-center { -webkit-align-self: center !important; - -ms-flex-item-align: center !important; - align-self: center !important; } + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-lg-baseline { -webkit-align-self: baseline !important; - -ms-flex-item-align: baseline !important; - align-self: baseline !important; } + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-lg-stretch { -webkit-align-self: stretch !important; - -ms-flex-item-align: stretch !important; - align-self: stretch !important; } + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .order-lg-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; - -ms-flex-order: -1 !important; - order: -1 !important; } + -ms-flex-order: -1 !important; + order: -1 !important; + } + .order-lg-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; - -ms-flex-order: 0 !important; - order: 0 !important; } + -ms-flex-order: 0 !important; + order: 0 !important; + } + .order-lg-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; - -ms-flex-order: 1 !important; - order: 1 !important; } + -ms-flex-order: 1 !important; + order: 1 !important; + } + .order-lg-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; - -ms-flex-order: 2 !important; - order: 2 !important; } + -ms-flex-order: 2 !important; + order: 2 !important; + } + .order-lg-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; - -ms-flex-order: 3 !important; - order: 3 !important; } + -ms-flex-order: 3 !important; + order: 3 !important; + } + .order-lg-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; - -ms-flex-order: 4 !important; - order: 4 !important; } + -ms-flex-order: 4 !important; + order: 4 !important; + } + .order-lg-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; - -ms-flex-order: 5 !important; - order: 5 !important; } + -ms-flex-order: 5 !important; + order: 5 !important; + } + .order-lg-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; - -ms-flex-order: 6 !important; - order: 6 !important; } + -ms-flex-order: 6 !important; + order: 6 !important; + } + .m-lg-0 { - margin: 0 !important; } + margin: 0 !important; + } + .m-lg-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } + .m-lg-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } + .m-lg-3 { - margin: 1rem !important; } + margin: 1rem !important; + } + .m-lg-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } + .m-lg-5 { - margin: 3rem !important; } + margin: 3rem !important; + } + .m-lg-auto { - margin: auto !important; } + margin: auto !important; + } + .mx-lg-0 { margin-right: 0 !important; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .mx-lg-1 { margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .mx-lg-2 { margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .mx-lg-3 { margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .mx-lg-4 { margin-right: 1.5rem !important; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .mx-lg-5 { margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .mx-lg-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .my-lg-0 { margin-top: 0 !important; - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .my-lg-1 { margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .my-lg-2 { margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .my-lg-3 { margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .my-lg-4 { margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .my-lg-5 { margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .my-lg-auto { margin-top: auto !important; - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .mt-lg-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } + .mt-lg-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } + .mt-lg-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } + .mt-lg-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } + .mt-lg-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } + .mt-lg-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } + .mt-lg-auto { - margin-top: auto !important; } + margin-top: auto !important; + } + .me-lg-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } + .me-lg-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .me-lg-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .me-lg-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .me-lg-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .me-lg-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .me-lg-auto { - margin-right: auto !important; } + margin-right: auto !important; + } + .mb-lg-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .mb-lg-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .mb-lg-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .mb-lg-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .mb-lg-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .mb-lg-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .mb-lg-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .ms-lg-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } + .ms-lg-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .ms-lg-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .ms-lg-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .ms-lg-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .ms-lg-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .ms-lg-auto { - margin-left: auto !important; } + margin-left: auto !important; + } + .p-lg-0 { - padding: 0 !important; } + padding: 0 !important; + } + .p-lg-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } + .p-lg-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } + .p-lg-3 { - padding: 1rem !important; } + padding: 1rem !important; + } + .p-lg-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } + .p-lg-5 { - padding: 3rem !important; } + padding: 3rem !important; + } + .px-lg-0 { padding-right: 0 !important; - padding-left: 0 !important; } + padding-left: 0 !important; + } + .px-lg-1 { padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .px-lg-2 { padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .px-lg-3 { padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .px-lg-4 { padding-right: 1.5rem !important; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .px-lg-5 { padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .py-lg-0 { padding-top: 0 !important; - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .py-lg-1 { padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .py-lg-2 { padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .py-lg-3 { padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .py-lg-4 { padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .py-lg-5 { padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .pt-lg-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } + .pt-lg-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } + .pt-lg-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } + .pt-lg-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } + .pt-lg-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } + .pt-lg-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } + .pe-lg-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } + .pe-lg-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .pe-lg-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .pe-lg-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .pe-lg-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .pe-lg-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .pb-lg-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .pb-lg-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .pb-lg-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .pb-lg-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .pb-lg-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .pb-lg-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .ps-lg-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } + .ps-lg-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .ps-lg-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .ps-lg-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .ps-lg-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .ps-lg-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .text-lg-start { - text-align: left !important; } + text-align: left !important; + } + .text-lg-end { - text-align: right !important; } + text-align: right !important; + } + .text-lg-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 1200px) { .float-xl-start { - float: left !important; } + float: left !important; + } + .float-xl-end { - float: right !important; } + float: right !important; + } + .float-xl-none { - float: none !important; } + float: none !important; + } + .d-xl-inline { - display: inline !important; } + display: inline !important; + } + .d-xl-inline-block { - display: inline-block !important; } + display: inline-block !important; + } + .d-xl-block { - display: block !important; } + display: block !important; + } + .d-xl-grid { - display: grid !important; } + display: grid !important; + } + .d-xl-table { - display: table !important; } + display: table !important; + } + .d-xl-table-row { - display: table-row !important; } + display: table-row !important; + } + .d-xl-table-cell { - display: table-cell !important; } + display: table-cell !important; + } + .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } + display: inline-flex !important; + } + .d-xl-none { - display: none !important; } + display: none !important; + } + .flex-xl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; - -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; } + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; - -ms-flex-direction: row !important; - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; - -ms-flex-direction: column !important; - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; - -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; } + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; - -ms-flex-direction: column-reverse !important; - flex-direction: column-reverse !important; } + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; - -ms-flex-positive: 0 !important; - flex-grow: 0 !important; } + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; - -ms-flex-positive: 1 !important; - flex-grow: 1 !important; } + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; - -ms-flex-negative: 0 !important; - flex-shrink: 0 !important; } + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; - -ms-flex-negative: 1 !important; - flex-shrink: 1 !important; } + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-xl-wrap { -webkit-flex-wrap: wrap !important; - -ms-flex-wrap: wrap !important; - flex-wrap: wrap !important; } + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; - -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; } + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; - -ms-flex-wrap: wrap-reverse !important; - flex-wrap: wrap-reverse !important; } + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .gap-xl-0 { - gap: 0 !important; } + gap: 0 !important; + } + .gap-xl-1 { - gap: 0.25rem !important; } + gap: 0.25rem !important; + } + .gap-xl-2 { - gap: 0.5rem !important; } + gap: 0.5rem !important; + } + .gap-xl-3 { - gap: 1rem !important; } + gap: 1rem !important; + } + .gap-xl-4 { - gap: 1.5rem !important; } + gap: 1.5rem !important; + } + .gap-xl-5 { - gap: 3rem !important; } + gap: 3rem !important; + } + .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; - -ms-flex-pack: start !important; - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; - -ms-flex-pack: end !important; - justify-content: flex-end !important; } + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; - -ms-flex-pack: justify !important; - justify-content: space-between !important; } + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-xl-around { -webkit-justify-content: space-around !important; - -ms-flex-pack: distribute !important; - justify-content: space-around !important; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-xl-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; - -ms-flex-pack: space-evenly !important; - justify-content: space-evenly !important; } + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; + } + .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; - -ms-flex-align: end !important; - align-items: flex-end !important; } + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; - -ms-flex-align: center !important; - align-items: center !important; } + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; - -ms-flex-align: baseline !important; - align-items: baseline !important; } + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; - -ms-flex-align: stretch !important; - align-items: stretch !important; } + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-xl-start { -webkit-align-content: flex-start !important; - -ms-flex-line-pack: start !important; - align-content: flex-start !important; } + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-xl-end { -webkit-align-content: flex-end !important; - -ms-flex-line-pack: end !important; - align-content: flex-end !important; } + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-xl-center { -webkit-align-content: center !important; - -ms-flex-line-pack: center !important; - align-content: center !important; } + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-xl-between { -webkit-align-content: space-between !important; - -ms-flex-line-pack: justify !important; - align-content: space-between !important; } + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-xl-around { -webkit-align-content: space-around !important; - -ms-flex-line-pack: distribute !important; - align-content: space-around !important; } + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-xl-stretch { -webkit-align-content: stretch !important; - -ms-flex-line-pack: stretch !important; - align-content: stretch !important; } + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-xl-auto { -webkit-align-self: auto !important; - -ms-flex-item-align: auto !important; - align-self: auto !important; } + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-xl-start { -webkit-align-self: flex-start !important; - -ms-flex-item-align: start !important; - align-self: flex-start !important; } + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-xl-end { -webkit-align-self: flex-end !important; - -ms-flex-item-align: end !important; - align-self: flex-end !important; } + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-xl-center { -webkit-align-self: center !important; - -ms-flex-item-align: center !important; - align-self: center !important; } + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-xl-baseline { -webkit-align-self: baseline !important; - -ms-flex-item-align: baseline !important; - align-self: baseline !important; } + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-xl-stretch { -webkit-align-self: stretch !important; - -ms-flex-item-align: stretch !important; - align-self: stretch !important; } + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .order-xl-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; - -ms-flex-order: -1 !important; - order: -1 !important; } + -ms-flex-order: -1 !important; + order: -1 !important; + } + .order-xl-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; - -ms-flex-order: 0 !important; - order: 0 !important; } + -ms-flex-order: 0 !important; + order: 0 !important; + } + .order-xl-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; - -ms-flex-order: 1 !important; - order: 1 !important; } + -ms-flex-order: 1 !important; + order: 1 !important; + } + .order-xl-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; - -ms-flex-order: 2 !important; - order: 2 !important; } + -ms-flex-order: 2 !important; + order: 2 !important; + } + .order-xl-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; - -ms-flex-order: 3 !important; - order: 3 !important; } + -ms-flex-order: 3 !important; + order: 3 !important; + } + .order-xl-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; - -ms-flex-order: 4 !important; - order: 4 !important; } + -ms-flex-order: 4 !important; + order: 4 !important; + } + .order-xl-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; - -ms-flex-order: 5 !important; - order: 5 !important; } + -ms-flex-order: 5 !important; + order: 5 !important; + } + .order-xl-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; - -ms-flex-order: 6 !important; - order: 6 !important; } + -ms-flex-order: 6 !important; + order: 6 !important; + } + .m-xl-0 { - margin: 0 !important; } + margin: 0 !important; + } + .m-xl-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } + .m-xl-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } + .m-xl-3 { - margin: 1rem !important; } + margin: 1rem !important; + } + .m-xl-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } + .m-xl-5 { - margin: 3rem !important; } + margin: 3rem !important; + } + .m-xl-auto { - margin: auto !important; } + margin: auto !important; + } + .mx-xl-0 { margin-right: 0 !important; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .mx-xl-1 { margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .mx-xl-2 { margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .mx-xl-3 { margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .mx-xl-4 { margin-right: 1.5rem !important; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .mx-xl-5 { margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .mx-xl-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .my-xl-0 { margin-top: 0 !important; - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .my-xl-1 { margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .my-xl-2 { margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .my-xl-3 { margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .my-xl-4 { margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .my-xl-5 { margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .my-xl-auto { margin-top: auto !important; - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .mt-xl-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } + .mt-xl-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } + .mt-xl-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } + .mt-xl-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } + .mt-xl-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } + .mt-xl-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } + .mt-xl-auto { - margin-top: auto !important; } + margin-top: auto !important; + } + .me-xl-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } + .me-xl-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .me-xl-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .me-xl-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .me-xl-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .me-xl-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .me-xl-auto { - margin-right: auto !important; } + margin-right: auto !important; + } + .mb-xl-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .mb-xl-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .mb-xl-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .mb-xl-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .mb-xl-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .mb-xl-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .mb-xl-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .ms-xl-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } + .ms-xl-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .ms-xl-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .ms-xl-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .ms-xl-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .ms-xl-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .ms-xl-auto { - margin-left: auto !important; } + margin-left: auto !important; + } + .p-xl-0 { - padding: 0 !important; } + padding: 0 !important; + } + .p-xl-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } + .p-xl-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } + .p-xl-3 { - padding: 1rem !important; } + padding: 1rem !important; + } + .p-xl-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } + .p-xl-5 { - padding: 3rem !important; } + padding: 3rem !important; + } + .px-xl-0 { padding-right: 0 !important; - padding-left: 0 !important; } + padding-left: 0 !important; + } + .px-xl-1 { padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .px-xl-2 { padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .px-xl-3 { padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .px-xl-4 { padding-right: 1.5rem !important; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .px-xl-5 { padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .py-xl-0 { padding-top: 0 !important; - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .py-xl-1 { padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .py-xl-2 { padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .py-xl-3 { padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .py-xl-4 { padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .py-xl-5 { padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .pt-xl-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } + .pt-xl-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } + .pt-xl-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } + .pt-xl-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } + .pt-xl-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } + .pt-xl-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } + .pe-xl-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } + .pe-xl-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .pe-xl-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .pe-xl-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .pe-xl-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .pe-xl-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .pb-xl-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .pb-xl-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .pb-xl-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .pb-xl-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .pb-xl-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .pb-xl-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .ps-xl-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } + .ps-xl-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .ps-xl-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .ps-xl-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .ps-xl-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .ps-xl-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .text-xl-start { - text-align: left !important; } + text-align: left !important; + } + .text-xl-end { - text-align: right !important; } + text-align: right !important; + } + .text-xl-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 1400px) { .float-xxl-start { - float: left !important; } + float: left !important; + } + .float-xxl-end { - float: right !important; } + float: right !important; + } + .float-xxl-none { - float: none !important; } + float: none !important; + } + .d-xxl-inline { - display: inline !important; } + display: inline !important; + } + .d-xxl-inline-block { - display: inline-block !important; } + display: inline-block !important; + } + .d-xxl-block { - display: block !important; } + display: block !important; + } + .d-xxl-grid { - display: grid !important; } + display: grid !important; + } + .d-xxl-table { - display: table !important; } + display: table !important; + } + .d-xxl-table-row { - display: table-row !important; } + display: table-row !important; + } + .d-xxl-table-cell { - display: table-cell !important; } + display: table-cell !important; + } + .d-xxl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .d-xxl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } + display: inline-flex !important; + } + .d-xxl-none { - display: none !important; } + display: none !important; + } + .flex-xxl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; - -ms-flex: 1 1 auto !important; - flex: 1 1 auto !important; } + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-xxl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; - -ms-flex-direction: row !important; - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-xxl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; - -ms-flex-direction: column !important; - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-xxl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; - -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; } + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-xxl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; - -ms-flex-direction: column-reverse !important; - flex-direction: column-reverse !important; } + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-xxl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; - -ms-flex-positive: 0 !important; - flex-grow: 0 !important; } + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-xxl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; - -ms-flex-positive: 1 !important; - flex-grow: 1 !important; } + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-xxl-shrink-0 { -webkit-flex-shrink: 0 !important; - -ms-flex-negative: 0 !important; - flex-shrink: 0 !important; } + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-xxl-shrink-1 { -webkit-flex-shrink: 1 !important; - -ms-flex-negative: 1 !important; - flex-shrink: 1 !important; } + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-xxl-wrap { -webkit-flex-wrap: wrap !important; - -ms-flex-wrap: wrap !important; - flex-wrap: wrap !important; } + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-xxl-nowrap { -webkit-flex-wrap: nowrap !important; - -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; } + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-xxl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; - -ms-flex-wrap: wrap-reverse !important; - flex-wrap: wrap-reverse !important; } + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .gap-xxl-0 { - gap: 0 !important; } + gap: 0 !important; + } + .gap-xxl-1 { - gap: 0.25rem !important; } + gap: 0.25rem !important; + } + .gap-xxl-2 { - gap: 0.5rem !important; } + gap: 0.5rem !important; + } + .gap-xxl-3 { - gap: 1rem !important; } + gap: 1rem !important; + } + .gap-xxl-4 { - gap: 1.5rem !important; } + gap: 1.5rem !important; + } + .gap-xxl-5 { - gap: 3rem !important; } + gap: 3rem !important; + } + .justify-content-xxl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; - -ms-flex-pack: start !important; - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-xxl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; - -ms-flex-pack: end !important; - justify-content: flex-end !important; } + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-xxl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-xxl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; - -ms-flex-pack: justify !important; - justify-content: space-between !important; } + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-xxl-around { -webkit-justify-content: space-around !important; - -ms-flex-pack: distribute !important; - justify-content: space-around !important; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-xxl-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; - -ms-flex-pack: space-evenly !important; - justify-content: space-evenly !important; } + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; + } + .align-items-xxl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-xxl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; - -ms-flex-align: end !important; - align-items: flex-end !important; } + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-xxl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; - -ms-flex-align: center !important; - align-items: center !important; } + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-xxl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; - -ms-flex-align: baseline !important; - align-items: baseline !important; } + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-xxl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; - -ms-flex-align: stretch !important; - align-items: stretch !important; } + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-xxl-start { -webkit-align-content: flex-start !important; - -ms-flex-line-pack: start !important; - align-content: flex-start !important; } + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-xxl-end { -webkit-align-content: flex-end !important; - -ms-flex-line-pack: end !important; - align-content: flex-end !important; } + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-xxl-center { -webkit-align-content: center !important; - -ms-flex-line-pack: center !important; - align-content: center !important; } + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-xxl-between { -webkit-align-content: space-between !important; - -ms-flex-line-pack: justify !important; - align-content: space-between !important; } + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-xxl-around { -webkit-align-content: space-around !important; - -ms-flex-line-pack: distribute !important; - align-content: space-around !important; } + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-xxl-stretch { -webkit-align-content: stretch !important; - -ms-flex-line-pack: stretch !important; - align-content: stretch !important; } + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-xxl-auto { -webkit-align-self: auto !important; - -ms-flex-item-align: auto !important; - align-self: auto !important; } + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-xxl-start { -webkit-align-self: flex-start !important; - -ms-flex-item-align: start !important; - align-self: flex-start !important; } + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-xxl-end { -webkit-align-self: flex-end !important; - -ms-flex-item-align: end !important; - align-self: flex-end !important; } + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-xxl-center { -webkit-align-self: center !important; - -ms-flex-item-align: center !important; - align-self: center !important; } + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-xxl-baseline { -webkit-align-self: baseline !important; - -ms-flex-item-align: baseline !important; - align-self: baseline !important; } + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-xxl-stretch { -webkit-align-self: stretch !important; - -ms-flex-item-align: stretch !important; - align-self: stretch !important; } + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .order-xxl-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; - -ms-flex-order: -1 !important; - order: -1 !important; } + -ms-flex-order: -1 !important; + order: -1 !important; + } + .order-xxl-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; - -ms-flex-order: 0 !important; - order: 0 !important; } + -ms-flex-order: 0 !important; + order: 0 !important; + } + .order-xxl-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; - -ms-flex-order: 1 !important; - order: 1 !important; } + -ms-flex-order: 1 !important; + order: 1 !important; + } + .order-xxl-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; - -ms-flex-order: 2 !important; - order: 2 !important; } + -ms-flex-order: 2 !important; + order: 2 !important; + } + .order-xxl-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; - -ms-flex-order: 3 !important; - order: 3 !important; } + -ms-flex-order: 3 !important; + order: 3 !important; + } + .order-xxl-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; - -ms-flex-order: 4 !important; - order: 4 !important; } + -ms-flex-order: 4 !important; + order: 4 !important; + } + .order-xxl-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; - -ms-flex-order: 5 !important; - order: 5 !important; } + -ms-flex-order: 5 !important; + order: 5 !important; + } + .order-xxl-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; - -ms-flex-order: 6 !important; - order: 6 !important; } + -ms-flex-order: 6 !important; + order: 6 !important; + } + .m-xxl-0 { - margin: 0 !important; } + margin: 0 !important; + } + .m-xxl-1 { - margin: 0.25rem !important; } + margin: 0.25rem !important; + } + .m-xxl-2 { - margin: 0.5rem !important; } + margin: 0.5rem !important; + } + .m-xxl-3 { - margin: 1rem !important; } + margin: 1rem !important; + } + .m-xxl-4 { - margin: 1.5rem !important; } + margin: 1.5rem !important; + } + .m-xxl-5 { - margin: 3rem !important; } + margin: 3rem !important; + } + .m-xxl-auto { - margin: auto !important; } + margin: auto !important; + } + .mx-xxl-0 { margin-right: 0 !important; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .mx-xxl-1 { margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .mx-xxl-2 { margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .mx-xxl-3 { margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .mx-xxl-4 { margin-right: 1.5rem !important; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .mx-xxl-5 { margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .mx-xxl-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .my-xxl-0 { margin-top: 0 !important; - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .my-xxl-1 { margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .my-xxl-2 { margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .my-xxl-3 { margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .my-xxl-4 { margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .my-xxl-5 { margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .my-xxl-auto { margin-top: auto !important; - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .mt-xxl-0 { - margin-top: 0 !important; } + margin-top: 0 !important; + } + .mt-xxl-1 { - margin-top: 0.25rem !important; } + margin-top: 0.25rem !important; + } + .mt-xxl-2 { - margin-top: 0.5rem !important; } + margin-top: 0.5rem !important; + } + .mt-xxl-3 { - margin-top: 1rem !important; } + margin-top: 1rem !important; + } + .mt-xxl-4 { - margin-top: 1.5rem !important; } + margin-top: 1.5rem !important; + } + .mt-xxl-5 { - margin-top: 3rem !important; } + margin-top: 3rem !important; + } + .mt-xxl-auto { - margin-top: auto !important; } + margin-top: auto !important; + } + .me-xxl-0 { - margin-right: 0 !important; } + margin-right: 0 !important; + } + .me-xxl-1 { - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .me-xxl-2 { - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .me-xxl-3 { - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .me-xxl-4 { - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .me-xxl-5 { - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .me-xxl-auto { - margin-right: auto !important; } + margin-right: auto !important; + } + .mb-xxl-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .mb-xxl-1 { - margin-bottom: 0.25rem !important; } + margin-bottom: 0.25rem !important; + } + .mb-xxl-2 { - margin-bottom: 0.5rem !important; } + margin-bottom: 0.5rem !important; + } + .mb-xxl-3 { - margin-bottom: 1rem !important; } + margin-bottom: 1rem !important; + } + .mb-xxl-4 { - margin-bottom: 1.5rem !important; } + margin-bottom: 1.5rem !important; + } + .mb-xxl-5 { - margin-bottom: 3rem !important; } + margin-bottom: 3rem !important; + } + .mb-xxl-auto { - margin-bottom: auto !important; } + margin-bottom: auto !important; + } + .ms-xxl-0 { - margin-left: 0 !important; } + margin-left: 0 !important; + } + .ms-xxl-1 { - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .ms-xxl-2 { - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .ms-xxl-3 { - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .ms-xxl-4 { - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .ms-xxl-5 { - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .ms-xxl-auto { - margin-left: auto !important; } + margin-left: auto !important; + } + .p-xxl-0 { - padding: 0 !important; } + padding: 0 !important; + } + .p-xxl-1 { - padding: 0.25rem !important; } + padding: 0.25rem !important; + } + .p-xxl-2 { - padding: 0.5rem !important; } + padding: 0.5rem !important; + } + .p-xxl-3 { - padding: 1rem !important; } + padding: 1rem !important; + } + .p-xxl-4 { - padding: 1.5rem !important; } + padding: 1.5rem !important; + } + .p-xxl-5 { - padding: 3rem !important; } + padding: 3rem !important; + } + .px-xxl-0 { padding-right: 0 !important; - padding-left: 0 !important; } + padding-left: 0 !important; + } + .px-xxl-1 { padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .px-xxl-2 { padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .px-xxl-3 { padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .px-xxl-4 { padding-right: 1.5rem !important; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .px-xxl-5 { padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .py-xxl-0 { padding-top: 0 !important; - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .py-xxl-1 { padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .py-xxl-2 { padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .py-xxl-3 { padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .py-xxl-4 { padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .py-xxl-5 { padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .pt-xxl-0 { - padding-top: 0 !important; } + padding-top: 0 !important; + } + .pt-xxl-1 { - padding-top: 0.25rem !important; } + padding-top: 0.25rem !important; + } + .pt-xxl-2 { - padding-top: 0.5rem !important; } + padding-top: 0.5rem !important; + } + .pt-xxl-3 { - padding-top: 1rem !important; } + padding-top: 1rem !important; + } + .pt-xxl-4 { - padding-top: 1.5rem !important; } + padding-top: 1.5rem !important; + } + .pt-xxl-5 { - padding-top: 3rem !important; } + padding-top: 3rem !important; + } + .pe-xxl-0 { - padding-right: 0 !important; } + padding-right: 0 !important; + } + .pe-xxl-1 { - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .pe-xxl-2 { - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .pe-xxl-3 { - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .pe-xxl-4 { - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .pe-xxl-5 { - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .pb-xxl-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; + } + .pb-xxl-1 { - padding-bottom: 0.25rem !important; } + padding-bottom: 0.25rem !important; + } + .pb-xxl-2 { - padding-bottom: 0.5rem !important; } + padding-bottom: 0.5rem !important; + } + .pb-xxl-3 { - padding-bottom: 1rem !important; } + padding-bottom: 1rem !important; + } + .pb-xxl-4 { - padding-bottom: 1.5rem !important; } + padding-bottom: 1.5rem !important; + } + .pb-xxl-5 { - padding-bottom: 3rem !important; } + padding-bottom: 3rem !important; + } + .ps-xxl-0 { - padding-left: 0 !important; } + padding-left: 0 !important; + } + .ps-xxl-1 { - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .ps-xxl-2 { - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .ps-xxl-3 { - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .ps-xxl-4 { - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .ps-xxl-5 { - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .text-xxl-start { - text-align: left !important; } + text-align: left !important; + } + .text-xxl-end { - text-align: right !important; } + text-align: right !important; + } + .text-xxl-center { - text-align: center !important; } } + text-align: center !important; + } +} @media (min-width: 1200px) { .fs-1 { - font-size: 2.5rem !important; } + font-size: 2.5rem !important; + } + .fs-2 { - font-size: 2rem !important; } + font-size: 2rem !important; + } + .fs-3 { - font-size: 1.75rem !important; } + font-size: 1.75rem !important; + } + .fs-4 { - font-size: 1.5rem !important; } } + font-size: 1.5rem !important; + } +} @media print { .d-print-inline { - display: inline !important; } + display: inline !important; + } + .d-print-inline-block { - display: inline-block !important; } + display: inline-block !important; + } + .d-print-block { - display: block !important; } + display: block !important; + } + .d-print-grid { - display: grid !important; } + display: grid !important; + } + .d-print-table { - display: table !important; } + display: table !important; + } + .d-print-table-row { - display: table-row !important; } + display: table-row !important; + } + .d-print-table-cell { - display: table-cell !important; } + display: table-cell !important; + } + .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; - display: inline-flex !important; } + display: inline-flex !important; + } + .d-print-none { - display: none !important; } } + display: none !important; + } +} * { margin: 0; padding: 0; - outline: 0; } + outline: 0; +} img { border: 0; outline: 0; - max-width: 100%; } + max-width: 100%; +} html { - scroll-behavior: smooth; } + scroll-behavior: smooth; +} @media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { - max-width: 1170px; } } + max-width: 1170px; + } +} -h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { - margin-bottom: 0px; } +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-bottom: 0px; +} body { font-family: 'Poppins', sans-serif; @@ -10373,104 +14818,140 @@ body { -webkit-transition: 0.3s; transition: 0.3s; overflow-y: scroll; - text-rendering: optimizeLegibility; } + text-rendering: optimizeLegibility; +} a { display: inline-block; - text-decoration: none; } + text-decoration: none; +} a:focus, .button:focus { outline: none; -webkit-box-shadow: none !important; - box-shadow: none !important; - text-decoration: none; } + box-shadow: none !important; + text-decoration: none; +} a { -webkit-transition: 0.3s; - transition: 0.3s; } - a:hover { - color: #202029; } + transition: 0.3s; +} + +a:hover { + color: #202029; +} a, a:focus, a:hover, .portfolio-cat a:hover, .footer -menu li a:hover { - text-decoration: none; } + text-decoration: none; +} -input:active, input:focus { +input:active, +input:focus { -webkit-box-shadow: none !important; - box-shadow: none !important; } + box-shadow: none !important; +} /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; - margin: 0; } + margin: 0; +} /* Firefox */ input[type='number'] { - -moz-appearance: textfield; } + -moz-appearance: textfield; +} ul { margin: 0px; - padding: 0px; } + padding: 0px; +} li { - list-style: none; } + list-style: none; +} p { - margin-bottom: 0px; } + margin-bottom: 0px; +} .bg-warning { -webkit-transition: 0.3s; transition: 0.3s; - background-color: rgba(255, 201, 27, 0.1) !important; } - .bg-warning svg { - -webkit-transition: 0.3s; - transition: 0.3s; } - .bg-warning svg path { - stroke: #ffc91b; } + background-color: rgba(255, 201, 27, 0.1) !important; +} + +.bg-warning svg { + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.bg-warning svg path { + stroke: #ffc91b; +} .bg-success { -webkit-transition: 0.3s; transition: 0.3s; - background-color: rgba(0, 175, 145, 0.1) !important; } - .bg-success svg { - -webkit-transition: 0.3s; - transition: 0.3s; } - .bg-success svg path { - stroke: #00af91; } + background-color: rgba(0, 175, 145, 0.1) !important; +} + +.bg-success svg { + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.bg-success svg path { + stroke: #00af91; +} .bg-denger { -webkit-transition: 0.3s; transition: 0.3s; - background-color: rgba(241, 92, 76, 0.1) !important; } - .bg-denger svg { - -webkit-transition: 0.3s; - transition: 0.3s; } - .bg-denger svg path { - stroke: #f15c4c; } + background-color: rgba(241, 92, 76, 0.1) !important; +} + +.bg-denger svg { + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.bg-denger svg path { + stroke: #f15c4c; +} .mb-30 { - margin-bottom: 30px; } + margin-bottom: 30px; +} .accordion-button:focus { - border-color: transparent !important; } + border-color: transparent !important; +} button:focus { - outline: none; } + outline: none; +} .slick-slider { position: relative; - z-index: 1; } + z-index: 1; +} .feedback-rating-end .jq-star { - margin-right: 0px !important; } - .feedback-rating-end .jq-star svg { - width: 20px !important; - height: 20px !important; } + margin-right: 0px !important; +} + +.feedback-rating-end .jq-star svg { + width: 20px !important; + height: 20px !important; +} .modal-body-rating { display: -webkit-box; @@ -10480,65 +14961,103 @@ .modal-body-rating { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .modal-body-rating #my-rating { - margin-top: 30px; } + -ms-flex-align: center; + align-items: center; +} + +.modal-body-rating #my-rating { + margin-top: 30px; +} .section { position: relative; - padding: 100px 0px; } - @media (max-width: 767px) { - .section { - padding: 50px 0px; } } - .section--bg-white { - background-color: #fff; } - .section--bg-offwhite { - background-color: #ebebf2; } - .section--bg-offwhite-one { - background: rgba(235, 235, 242, 0.7); } - .section--bg-offwhite-two { - background: rgba(235, 235, 242, 0.6); } - .section--bg-offwhite-three { - background: rgba(235, 235, 242, 0.5); } - .section--bg-offwhite-four { - background: rgba(235, 235, 242, 0.4); } - .section--bg-offwhite-five { - background: rgba(255, 255, 255, 0.3); } - .section--bg-offgradient { - background: -webkit-gradient(linear, left top, left bottom, from(#ebebf2), to(rgba(235, 235, 242, 0.4))); - background: linear-gradient(180deg, #ebebf2 0%, rgba(235, 235, 242, 0.4) 100%); } - .section--white-one { - background: rgba(255, 255, 255, 0.4); } - .section--white-two { - background: rgba(255, 255, 255, 0.3); } + padding: 100px 0px; +} + +@media (max-width: 767px) { + .section { + padding: 50px 0px; + } +} + +.section--bg-white { + background-color: #fff; +} + +.section--bg-offwhite { + background-color: #ebebf2; +} + +.section--bg-offwhite-one { + background: rgba(235, 235, 242, 0.7); +} + +.section--bg-offwhite-two { + background: rgba(235, 235, 242, 0.6); +} + +.section--bg-offwhite-three { + background: rgba(235, 235, 242, 0.5); +} + +.section--bg-offwhite-four { + background: rgba(235, 235, 242, 0.4); +} + +.section--bg-offwhite-five { + background: rgba(255, 255, 255, 0.3); +} + +.section--bg-offgradient { + background: -webkit-gradient(linear, left top, left bottom, from(#ebebf2), to(rgba(235, 235, 242, 0.4))); + background: linear-gradient(180deg, #ebebf2 0%, rgba(235, 235, 242, 0.4) 100%); +} + +.section--white-one { + background: rgba(255, 255, 255, 0.4); +} + +.section--white-two { + background: rgba(255, 255, 255, 0.3); +} + +.section .font-title--md { + margin-bottom: 50px; +} + +@media (max-width: 767px) { .section .font-title--md { - margin-bottom: 50px; } - @media (max-width: 767px) { - .section .font-title--md { - margin-bottom: 25px; } } + margin-bottom: 25px; + } +} .m--240 { - margin-top: -240px; } - @media (max-width: 991px) { - .m--240 { - margin-top: 0px; } } + margin-top: -240px; +} + +@media (max-width: 991px) { + .m--240 { + margin-top: 0px; + } +} .checkbox-primary[type='checkbox'] { width: 24px; height: 24px; - border: 2px solid #908fa5; } + border: 2px solid #908fa5; +} .loader { width: 100%; height: 100vh; position: fixed; background: #ebebf2; - z-index: 9999999999; } + z-index: 9999999999; +} .loader-spinner { width: 250px; @@ -10549,51 +15068,71 @@ .loader-spinner { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + transform: translate(-50%, -50%); font-family: helvetica, arial, sans-serif; text-transform: uppercase; font-weight: 900; color: #1089ff; - letter-spacing: 0.2em; } - .loader-spinner::before, .loader-spinner::after { - content: ''; - display: block; - width: 15px; - height: 15px; - background: #1089ff; - position: absolute; - -webkit-animation: load 0.7s infinite alternate ease-in-out; - animation: load 0.7s infinite alternate ease-in-out; } - .loader-spinner::before { - top: 0; } - .loader-spinner::after { - bottom: 0; } + letter-spacing: 0.2em; +} + +.loader-spinner::before, +.loader-spinner::after { + content: ''; + display: block; + width: 15px; + height: 15px; + background: #1089ff; + position: absolute; + -webkit-animation: load 0.7s infinite alternate ease-in-out; + animation: load 0.7s infinite alternate ease-in-out; +} + +.loader-spinner::before { + top: 0; +} + +.loader-spinner::after { + bottom: 0; +} @-webkit-keyframes load { 0% { left: 0; height: 30px; - width: 15px; } + width: 15px; + } + 50% { height: 8px; - width: 40px; } + width: 40px; + } + 100% { left: 235px; height: 30px; - width: 15px; } } + width: 15px; + } +} @keyframes load { 0% { left: 0; height: 30px; - width: 15px; } + width: 15px; + } + 50% { height: 8px; - width: 40px; } + width: 40px; + } + 100% { left: 235px; height: 30px; - width: 15px; } } + width: 15px; + } +} .button { display: inline-block; @@ -10609,116 +15148,181 @@ .button { font-weight: 500; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; - text-decoration: none; } - @media (max-width: 767px) { - .button { - font-size: 14px; - line-height: 24px; } } - .button-md, .button-lg { - border: 0px; - text-transform: uppercase; - letter-spacing: 0.04em; - font-family: 'Poppins', sans-serif; - font-weight: 600; } + text-decoration: none; +} + +@media (max-width: 767px) { + .button { + font-size: 14px; + line-height: 24px; + } +} + +.button-md, +.button-lg { + border: 0px; + text-transform: uppercase; + letter-spacing: 0.04em; + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.button-md { + padding: 16px 24px; +} + +@media (max-width: 767px) { .button-md { - padding: 16px 24px; } - @media (max-width: 767px) { - .button-md { - padding: 8px 16px; } } + padding: 8px 16px; + } +} + +.button-lg { + padding: 19px 32px; +} + +@media (max-width: 575px) { .button-lg { - padding: 19px 32px; } - @media (max-width: 575px) { - .button-lg { - padding: 12px 18px; } } - .button--dark { - background-color: #202029; } - .button--dark:hover { - background-color: #1089ff; - color: #fff; } - .button--disabled { - background-color: #ebebf2; - color: #8f8fa3; - pointer-events: none; } - .button--dark-outline { - border: 2px solid #202029; - color: #202029; } - .button--dark-outline:hover { - background-color: #202029; - color: #fff; } - .button--outline-disabled { - border: 2px solid #8f8fa3; - color: #8f8fa3; - pointer-events: none; } - .button--shaddow { - color: #202029; - background-color: #fff; - -webkit-box-shadow: 0px 4px 12px 0px #00000014; - box-shadow: 0px 4px 12px 0px #00000014; } - .button--shaddow:hover { - -webkit-box-shadow: 0px 8px 18px 0px #0264ed26; - box-shadow: 0px 8px 18px 0px #0264ed26; } - .button--shaddow-disabled { - color: #8f8fa3; - background-color: #fff; - -webkit-box-shadow: 0px 4px 12px 0px #00000014; - box-shadow: 0px 4px 12px 0px #00000014; - pointer-events: none; } - .button--transparent { - color: #1089ff; - background-color: transparent; } - .button--transparent:hover { - background: rgba(16, 137, 255, 0.1); - color: #1089ff; } - .button--transparent-disabled { - color: #8f8fa3; - pointer-events: none; } - .button--primary { - background-color: #1089ff; } - .button--primary:hover { - color: #fff; - background-color: #0264ed; - -webkit-box-shadow: 0px 10px 20px 0px #0264ed40; - box-shadow: 0px 10px 20px 0px #0264ed40; } - .button--primary-outline { - border: 2px solid #1089ff; - background-color: transparent; - color: #1089ff; } - .button--primary-outline:hover { - color: #fff; - background-color: #0264ed; - -webkit-box-shadow: 0px 10px 20px 0px #0264ed40; - box-shadow: 0px 10px 20px 0px #0264ed40; } - .button--text { - color: #202029; } - .button--text:hover { - color: #1089ff; } + padding: 12px 18px; + } +} + +.button--dark { + background-color: #202029; +} + +.button--dark:hover { + background-color: #1089ff; + color: #fff; +} + +.button--disabled { + background-color: #ebebf2; + color: #8f8fa3; + pointer-events: none; +} + +.button--dark-outline { + border: 2px solid #202029; + color: #202029; +} + +.button--dark-outline:hover { + background-color: #202029; + color: #fff; +} + +.button--outline-disabled { + border: 2px solid #8f8fa3; + color: #8f8fa3; + pointer-events: none; +} + +.button--shaddow { + color: #202029; + background-color: #fff; + -webkit-box-shadow: 0px 4px 12px 0px #00000014; + box-shadow: 0px 4px 12px 0px #00000014; +} + +.button--shaddow:hover { + -webkit-box-shadow: 0px 8px 18px 0px #0264ed26; + box-shadow: 0px 8px 18px 0px #0264ed26; +} + +.button--shaddow-disabled { + color: #8f8fa3; + background-color: #fff; + -webkit-box-shadow: 0px 4px 12px 0px #00000014; + box-shadow: 0px 4px 12px 0px #00000014; + pointer-events: none; +} + +.button--transparent { + color: #1089ff; + background-color: transparent; +} + +.button--transparent:hover { + background: rgba(16, 137, 255, 0.1); + color: #1089ff; +} + +.button--transparent-disabled { + color: #8f8fa3; + pointer-events: none; +} + +.button--primary { + background-color: #1089ff; +} + +.button--primary:hover { + color: #fff; + background-color: #0264ed; + -webkit-box-shadow: 0px 10px 20px 0px #0264ed40; + box-shadow: 0px 10px 20px 0px #0264ed40; +} + +.button--primary-outline { + border: 2px solid #1089ff; + background-color: transparent; + color: #1089ff; +} + +.button--primary-outline:hover { + color: #fff; + background-color: #0264ed; + -webkit-box-shadow: 0px 10px 20px 0px #0264ed40; + box-shadow: 0px 10px 20px 0px #0264ed40; +} + +.button--text { + color: #202029; +} + +.button--text:hover { + color: #1089ff; +} .signinButtons { -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .signinButtons .fb:hover { - border-color: #1089ff !important; } - .signinButtons .google:hover { - border-color: rgba(241, 67, 54, 0.2) !important; } - .signinButtons .twitter:hover { - border-color: rgba(3, 169, 244, 0.2) !important; } + -ms-flex-pack: justify; + justify-content: space-between; +} + +.signinButtons .fb:hover { + border-color: #1089ff !important; +} + +.signinButtons .google:hover { + border-color: rgba(241, 67, 54, 0.2) !important; +} + +.signinButtons .twitter:hover { + border-color: rgba(3, 169, 244, 0.2) !important; +} @media (max-width: 1200px) { .signinButtons { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .signinButtons a { - margin-right: 15px; - margin-bottom: 10px; } } + -ms-flex-pack: center; + justify-content: center; + } + + .signinButtons a { + margin-right: 15px; + margin-bottom: 10px; + } +} .menu-icon-container { border: 0; outline: 0; - background-color: transparent; } + background-color: transparent; +} .menu-icon { position: relative; @@ -10729,7 +15333,8 @@ .menu-icon { margin-top: -2px; margin-left: -15px; -webkit-transition: background-color 0.2s ease-out; - transition: background-color 0.2s ease-out; } + transition: background-color 0.2s ease-out; +} .menu-icon::after, .menu-icon::before { @@ -10741,45 +15346,54 @@ .menu-icon::before { background-color: #202029; left: 0px; -webkit-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } + transition: all 0.2s ease-out; +} .menu-icon::after { - top: 9px; } + top: 9px; +} .menu-icon::before { - top: -9px; } + top: -9px; +} .menu-icon-container:hover .menu-icon::after { top: 10px; -webkit-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } + transition: all 0.2s ease-out; +} .menu-icon-container:hover .menu-icon::before { top: -10px; -webkit-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } + transition: all 0.2s ease-out; +} /*---cross---*/ .menu-icon.transformed { - background-color: transparent; } + background-color: transparent; +} .menu-icon.transformed::after, .menu-icon.transformed::before { -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; + transform-origin: 50% 50%; top: 0px; left: 2px; width: 26px; -webkit-transition: all 0.15s ease-out; - transition: all 0.15s ease-out; } + transition: all 0.15s ease-out; +} .menu-icon.transformed::after { -webkit-transform: rotate(45deg); - transform: rotate(45deg); } + transform: rotate(45deg); +} .menu-icon.transformed::before { -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); } + transform: rotate(-45deg); +} .menu-icon-container:hover .menu-icon.transformed::after, .menu-icon-container:hover .menu-icon.transformed::before { @@ -10787,7 +15401,8 @@ .menu-icon-container:hover .menu-icon.transformed::before { left: -1px; width: 32px; -webkit-transition: all 0.15s ease-out; - transition: all 0.15s ease-out; } + transition: all 0.15s ease-out; +} /*------------------------*/ /*-------Content Cards ---------*/ @@ -10805,8 +15420,8 @@ .contentCard { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; background-color: #fff; background-clip: border-box; /*------------------------*/ @@ -10817,347 +15432,497 @@ .contentCard { /*-------------------------*/ /*------------------------*/ /*-------Content Cards Events ---------*/ - /*-------------------------*/ } - .contentCard--space { - margin: 0px 15px; } - .contentCard-top a { - width: 100%; - height: 245px; - overflow: hidden; - position: relative; - display: inline-block; } - .contentCard-top img { - width: inherit; - height: inherit; - -o-object-fit: cover; - object-fit: cover; } - .contentCard-bottom { - padding: 16px; - padding-bottom: 0px; } - .contentCard-bottom h5, .contentCard-bottom .h5 { - margin-bottom: 16px; } - .contentCard-user img { - margin-right: 8px !important; } - .contentCard-user p { - color: #202029; } - .contentCard-info { - margin: 12px 0px; } - .contentCard-info .price span { - font-size: 18px; - line-height: 27px; - font-weight: 500; - color: #42414b; - font-family: 'Poppins', sans-serif; } - .contentCard-info .price del { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; } + /*-------------------------*/ +} + +.contentCard--space { + margin: 0px 15px; +} + +.contentCard-top a { + width: 100%; + height: 245px; + overflow: hidden; + position: relative; + display: inline-block; +} + +.contentCard-top img { + width: inherit; + height: inherit; + -o-object-fit: cover; + object-fit: cover; +} + +.contentCard-bottom { + padding: 16px; + padding-bottom: 0px; +} + +.contentCard-bottom h5, +.contentCard-bottom .h5 { + margin-bottom: 16px; +} + +.contentCard-user img { + margin-right: 8px !important; +} + +.contentCard-user p { + color: #202029; +} + +.contentCard-info { + margin: 12px 0px; +} + +.contentCard-info .price span { + font-size: 18px; + line-height: 27px; + font-weight: 500; + color: #42414b; + font-family: 'Poppins', sans-serif; +} + +.contentCard-info .price del { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; +} + +.contentCard-more { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 16px 0px; + position: relative; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +@media (max-width: 575px) { .contentCard-more { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 16px 0px; - position: relative; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - @media (max-width: 575px) { - .contentCard-more { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } } - .contentCard-more::after { - content: ''; - width: calc(100% + 50%); - height: 1px; - position: absolute; - top: 0; - left: -20px; - background-color: #ebebf2; } - .contentCard-more > div { - margin-right: 25px; } - @media (max-width: 575px) { - .contentCard-more > div { - margin-right: 0px; } } - .contentCard-more > div:nth-last-child(1) { - margin-right: 0px; } - .contentCard-more span { - font-size: 14px; - color: #666575; - font-weight: 400; - line-height: 21px; - white-space: nowrap; - text-transform: capitalize; } - .contentCard-more .icon { - margin-right: 4px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; } - .contentCard-course--status { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; } - .contentCard-course--status span { - margin-right: 2px; } - .contentCard-watch--progress { - position: absolute; - bottom: 0; - left: 0; - bottom: 0; - width: 100%; - height: 6px; - background: rgba(255, 122, 26, 0.3); - border-radius: 0px 0px 5px 5px; } - .contentCard-watch--progress span { - height: 6px; - display: inline-block; - background: #ff7a1a; - position: absolute; - left: 0; - bottom: 0; } - .contentCard--type { - font-size: 12px; - line-height: 12px; - letter-spacing: 2px; - font-weight: 500; - color: #8f8fa3; - text-transform: uppercase; - font-family: 'Poppins', sans-serif; } - .contentCard--event-transparent { - background: transparent; } - .contentCard--event-transparent .contentCard-top a img { - border-radius: 5px; } - .contentCard--event-transparent .contentCard-more::after { - height: 0; } + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + +.contentCard-more::after { + content: ''; + width: calc(100% + 50%); + height: 1px; + position: absolute; + top: 0; + left: -20px; + background-color: #ebebf2; +} + +.contentCard-more>div { + margin-right: 25px; +} + +@media (max-width: 575px) { + .contentCard-more>div { + margin-right: 0px; + } +} + +.contentCard-more>div:nth-last-child(1) { + margin-right: 0px; +} + +.contentCard-more span { + font-size: 14px; + color: #666575; + font-weight: 400; + line-height: 21px; + white-space: nowrap; + text-transform: capitalize; +} + +.contentCard-more .icon { + margin-right: 4px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.contentCard-course--status { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; +} + +.contentCard-course--status span { + margin-right: 2px; +} + +.contentCard-watch--progress { + position: absolute; + bottom: 0; + left: 0; + bottom: 0; + width: 100%; + height: 6px; + background: rgba(255, 122, 26, 0.3); + border-radius: 0px 0px 5px 5px; +} + +.contentCard-watch--progress span { + height: 6px; + display: inline-block; + background: #ff7a1a; + position: absolute; + left: 0; + bottom: 0; +} + +.contentCard--type { + font-size: 12px; + line-height: 12px; + letter-spacing: 2px; + font-weight: 500; + color: #8f8fa3; + text-transform: uppercase; + font-family: 'Poppins', sans-serif; +} + +.contentCard--event-transparent { + background: transparent; +} + +.contentCard--event-transparent .contentCard-top a img { + border-radius: 5px; +} + +.contentCard--event-transparent .contentCard-more::after { + height: 0; +} /*------------------------*/ /*------- New Courses Section ---------*/ /*-------------------------*/ .new__courses .contentCard { - margin: 0px 15px; } + margin: 0px 15px; +} .cart { overflow: hidden; position: relative; background: #fff; border-radius: 8px; - padding: 30px; } - .cart__price { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .cart__price .current-price { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .cart__price .current-price h3, .cart__price .current-price .h3 { - font-family: 'Poppins', sans-serif; - font-weight: 400; - margin-right: 6px; - color: #202029; } - .cart__price .current-price p { - font-size: 18px; - line-height: 27px; - color: #8f8fa3; } - .cart__price .current-discount p { - font-size: 14px; - line-height: 21px; - color: #ff7a1a; - text-transform: capitalize; } - .cart__checkout-process { - margin: 24px 0px; - margin-top: 16px; } - .cart__checkout-process .time-left { - font-size: 12px; - line-height: 15px; - color: #8f8fa3; - margin-bottom: 8px; } - .cart__checkout-process ul { - margin-bottom: 15px; } - .cart__checkout-process ul li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 12px 0px; - border-bottom: 1px solid #ebebf2; } - .cart__checkout-process ul li:nth-last-child(1) { - border-color: transparent; } - .cart__checkout-process ul li p:nth-child(1), .cart__checkout-process ul li p:nth-last-child(1) { - font-size: 14px; - line-height: 21px; - text-transform: capitalize; } - .cart__checkout-process ul li p:nth-child(1) { - color: #666575; - font-weight: 500; } - .cart__checkout-process ul li p:nth-last-child(1) { - color: #8f8fa3; } - .cart__checkout-process ul li:nth-last-child(1) p:nth-last-child(2), - .cart__checkout-process ul li .total-price { - font-size: 20px !important; - line-height: 30px !important; - color: #202029 !important; } - .cart__checkout-process ul li:nth-last-child(1) p:nth-last-child(2) { - font-weight: 600; } - .cart__checkout-process ul li .total-price { - font-family: 'Poppins', sans-serif; - font-weight: 400; } - .cart__checkout-process button.bg-primary--dark { - margin-bottom: 15px; } - .cart__checkout-process h6, .cart__checkout-process .h6 { - color: #202029; - font-family: 'Poppins', sans-serif; - font-weight: 500; - margin-bottom: 6px; } - .cart__includes-info { - padding: 24px 0px; - position: relative; } - .cart__includes-info::after, .cart__includes-info::before { - content: ''; - position: absolute; - left: -65px; - width: calc(100% + 70%); - background-color: #ebebf2; - height: 1px; } - .cart__includes-info::after { - top: 0; } - .cart__includes-info::before { - bottom: 0; } - .cart__includes-info ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .cart__includes-info ul li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .cart__includes-info ul li:nth-last-child(1) { - margin-bottom: 0px; } - .cart__includes-info ul li span { - margin-right: 16px; } - .cart__includes-info--bordertop-0::after { - width: 0; } - .cart__includes-info .productContent { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 15px 0px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #ebebf2; } - .cart__includes-info .productContent:nth-child(1) { - padding-top: 0px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - .cart__includes-info .productContent:nth-last-child(1) { - border-bottom: 0px; } - .cart__includes-info .productContent-item__img { - width: 130px; - height: 100px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - overflow: hidden; - margin-right: 12px; - border-radius: 4px; } - @media (max-width: 767px) { - .cart__includes-info .productContent-item__img { - width: 100%; - margin: 0px; - height: 260px; - margin-bottom: 16px; } } - .cart__includes-info .productContent-item__img img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; } - .cart__includes-info .productContent-item__info h6 a, .cart__includes-info .productContent-item__info .h6 a { - color: #202029; } - .cart__includes-info .productContent-item__info p { - font-size: 12px; - line-height: 15px; - color: #8585a3; } - .cart__includes-info .productContent-item__info .price { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-top: 14px; } - .cart__includes-info .productContent-item__info .price h6, .cart__includes-info .productContent-item__info .price .h6 { - color: #202029; - margin-right: 2px; } - .cart__includes-info .productContent-item__info .price p { - font-size: 12px; - line-height: 15px; - color: #8585a3; } - .cart__share-content { - padding-top: 24px; } - .cart__share-content h6, .cart__share-content .h6 { - margin-bottom: 14px; } + padding: 30px; +} + +.cart__price { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cart__price .current-price { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cart__price .current-price h3, +.cart__price .current-price .h3 { + font-family: 'Poppins', sans-serif; + font-weight: 400; + margin-right: 6px; + color: #202029; +} + +.cart__price .current-price p { + font-size: 18px; + line-height: 27px; + color: #8f8fa3; +} + +.cart__price .current-discount p { + font-size: 14px; + line-height: 21px; + color: #ff7a1a; + text-transform: capitalize; +} + +.cart__checkout-process { + margin: 24px 0px; + margin-top: 16px; +} + +.cart__checkout-process .time-left { + font-size: 12px; + line-height: 15px; + color: #8f8fa3; + margin-bottom: 8px; +} + +.cart__checkout-process ul { + margin-bottom: 15px; +} + +.cart__checkout-process ul li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 12px 0px; + border-bottom: 1px solid #ebebf2; +} + +.cart__checkout-process ul li:nth-last-child(1) { + border-color: transparent; +} + +.cart__checkout-process ul li p:nth-child(1), +.cart__checkout-process ul li p:nth-last-child(1) { + font-size: 14px; + line-height: 21px; + text-transform: capitalize; +} + +.cart__checkout-process ul li p:nth-child(1) { + color: #666575; + font-weight: 500; +} + +.cart__checkout-process ul li p:nth-last-child(1) { + color: #8f8fa3; +} + +.cart__checkout-process ul li:nth-last-child(1) p:nth-last-child(2), +.cart__checkout-process ul li .total-price { + font-size: 20px !important; + line-height: 30px !important; + color: #202029 !important; +} + +.cart__checkout-process ul li:nth-last-child(1) p:nth-last-child(2) { + font-weight: 600; +} + +.cart__checkout-process ul li .total-price { + font-family: 'Poppins', sans-serif; + font-weight: 400; +} + +.cart__checkout-process button.bg-primary--dark { + margin-bottom: 15px; +} + +.cart__checkout-process h6, +.cart__checkout-process .h6 { + color: #202029; + font-family: 'Poppins', sans-serif; + font-weight: 500; + margin-bottom: 6px; +} + +.cart__includes-info { + padding: 24px 0px; + position: relative; +} + +.cart__includes-info::after, +.cart__includes-info::before { + content: ''; + position: absolute; + left: -65px; + width: calc(100% + 70%); + background-color: #ebebf2; + height: 1px; +} + +.cart__includes-info::after { + top: 0; +} + +.cart__includes-info::before { + bottom: 0; +} + +.cart__includes-info ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.cart__includes-info ul li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.cart__includes-info ul li:nth-last-child(1) { + margin-bottom: 0px; +} + +.cart__includes-info ul li span { + margin-right: 16px; +} + +.cart__includes-info--bordertop-0::after { + width: 0; +} + +.cart__includes-info .productContent { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 15px 0px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #ebebf2; +} + +.cart__includes-info .productContent:nth-child(1) { + padding-top: 0px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.cart__includes-info .productContent:nth-last-child(1) { + border-bottom: 0px; +} + +.cart__includes-info .productContent-item__img { + width: 130px; + height: 100px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + overflow: hidden; + margin-right: 12px; + border-radius: 4px; +} + +@media (max-width: 767px) { + .cart__includes-info .productContent-item__img { + width: 100%; + margin: 0px; + height: 260px; + margin-bottom: 16px; + } +} + +.cart__includes-info .productContent-item__img img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.cart__includes-info .productContent-item__info h6 a, +.cart__includes-info .productContent-item__info .h6 a { + color: #202029; +} + +.cart__includes-info .productContent-item__info p { + font-size: 12px; + line-height: 15px; + color: #8585a3; +} + +.cart__includes-info .productContent-item__info .price { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-top: 14px; +} + +.cart__includes-info .productContent-item__info .price h6, +.cart__includes-info .productContent-item__info .price .h6 { + color: #202029; + margin-right: 2px; +} + +.cart__includes-info .productContent-item__info .price p { + font-size: 12px; + line-height: 15px; + color: #8585a3; +} + +.cart__share-content { + padding-top: 24px; +} + +.cart__share-content h6, +.cart__share-content .h6 { + margin-bottom: 14px; +} @media (max-width: 767px) { .cart__includes-info .productContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } + -ms-flex-align: start; + align-items: flex-start; + } + .cart__includes-info .productContent-item:nth-child(2) { - width: 100%; } } + width: 100%; + } +} .social-icons { display: -webkit-box; @@ -11166,78 +15931,114 @@ .social-icons { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .social-icons li { - border-radius: 4px; - margin-right: 12px; } - .social-icons li:nth-last-child(1) { - margin-right: 0px; } - .social-icons li a { - width: 36px; - height: 36px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-transition: all 0.2s linear; - transition: all 0.2s linear; } - .social-icons li a svg { - color: #202029; } - .social-icons li:hover { - background-color: #0264ed; } - .social-icons li:hover a svg { - color: #fff; } - .social-icons--outline li { - border: 1px solid #ebebf2; } - .social-icons--outline li:hover { - border-color: transparent; } - .social-icons--bg li { - background-color: #fff; } + -ms-flex-align: center; + align-items: center; +} + +.social-icons li { + border-radius: 4px; + margin-right: 12px; +} + +.social-icons li:nth-last-child(1) { + margin-right: 0px; +} + +.social-icons li a { + width: 36px; + height: 36px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; +} + +.social-icons li a svg { + color: #202029; +} + +.social-icons li:hover { + background-color: #0264ed; +} + +.social-icons li:hover a svg { + color: #fff; +} + +.social-icons--outline li { + border: 1px solid #ebebf2; +} + +.social-icons--outline li:hover { + border-color: transparent; +} + +.social-icons--bg li { + background-color: #fff; +} .inputForm { - position: relative; } - .inputForm input { - padding: 16px 20px; - border: 1px solid #8f8fa3; } - .inputForm input::-webkit-input-placeholder { - font-size: 16px; - line-height: 24px; - color: #666575; } - .inputForm input::-moz-placeholder { - font-size: 16px; - line-height: 24px; - color: #666575; } - .inputForm input:-ms-input-placeholder { - font-size: 16px; - line-height: 24px; - color: #666575; } - .inputForm input::-ms-input-placeholder { - font-size: 16px; - line-height: 24px; - color: #666575; } - .inputForm input::placeholder { - font-size: 16px; - line-height: 24px; - color: #666575; } - .inputForm input:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; } - .inputForm button { - position: absolute; - top: 50%; - right: 6px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); } + position: relative; +} + +.inputForm input { + padding: 16px 20px; + border: 1px solid #8f8fa3; +} + +.inputForm input::-webkit-input-placeholder { + font-size: 16px; + line-height: 24px; + color: #666575; +} + +.inputForm input::-moz-placeholder { + font-size: 16px; + line-height: 24px; + color: #666575; +} + +.inputForm input:-ms-input-placeholder { + font-size: 16px; + line-height: 24px; + color: #666575; +} + +.inputForm input::-ms-input-placeholder { + font-size: 16px; + line-height: 24px; + color: #666575; +} + +.inputForm input::placeholder { + font-size: 16px; + line-height: 24px; + color: #666575; +} + +.inputForm input:focus { + outline: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.inputForm button { + position: absolute; + top: 50%; + right: 6px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} .cardFeature { padding: 32px; @@ -11245,85 +16046,140 @@ .cardFeature { position: relative; border-radius: 5px; -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; background-color: #fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; - border: 1px solid #ebebf2; } - .cardFeature:hover { - -webkit-box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); - box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); } - .cardFeature:hover .cardFeature__icon--bg-g svg, .cardFeature:hover .cardFeature__icon--bg-b svg, .cardFeature:hover .cardFeature__icon--bg-r svg { - color: #fff !important; } - .cardFeature:hover .cardFeature__icon--bg-g { - background: #00af92; } - .cardFeature:hover .cardFeature__icon--bg-g svg { - color: #fff; } - .cardFeature:hover .cardFeature__icon--bg-b { - background: #1089ff; } - .cardFeature:hover .cardFeature__icon--bg-b svg { - color: #1089ff; } - .cardFeature:hover .cardFeature__icon--bg-r { - background: #f15c4c; } - .cardFeature:hover .cardFeature__icon--bg-r svg { - color: #f15c4c; } + border: 1px solid #ebebf2; +} + +.cardFeature:hover { + -webkit-box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); + box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); +} + +.cardFeature:hover .cardFeature__icon--bg-g svg, +.cardFeature:hover .cardFeature__icon--bg-b svg, +.cardFeature:hover .cardFeature__icon--bg-r svg { + color: #fff !important; +} + +.cardFeature:hover .cardFeature__icon--bg-g { + background: #00af92; +} + +.cardFeature:hover .cardFeature__icon--bg-g svg { + color: #fff; +} + +.cardFeature:hover .cardFeature__icon--bg-b { + background: #1089ff; +} + +.cardFeature:hover .cardFeature__icon--bg-b svg { + color: #1089ff; +} + +.cardFeature:hover .cardFeature__icon--bg-r { + background: #f15c4c; +} + +.cardFeature:hover .cardFeature__icon--bg-r svg { + color: #f15c4c; +} + +.cardFeature__icon { + width: 72px; + height: 72px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 5px; + margin-bottom: 32px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; +} + +@media (max-width: 575px) { .cardFeature__icon { - width: 72px; - height: 72px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 5px; - margin-bottom: 32px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-transition: all 0.2s linear; - transition: all 0.2s linear; } - @media (max-width: 575px) { - .cardFeature__icon { - margin-bottom: 16px; } } - .cardFeature__icon--bg-g { - background: rgba(0, 175, 146, 0.1); } - .cardFeature__icon--bg-g svg { - color: #00af91; } - .cardFeature__icon--bg-b { - background: rgba(16, 137, 255, 0.1); } - .cardFeature__icon--bg-b svg { - color: #1089ff; } - .cardFeature__icon--bg-r { - background: rgba(241, 92, 76, 0.1); } - .cardFeature__icon--bg-r svg { - color: #f15c4c; } - .cardFeature h5.font-title--xs, .cardFeature .font-title--xs.h5 { - color: #202029; - margin-bottom: 12px; } - @media (max-width: 575px) { - .cardFeature h5.font-title--xs, .cardFeature .font-title--xs.h5 { - margin-bottom: 6px; } } - .cardFeature p { - font-size: 16px; - line-height: 24px; - color: #8f8fa3; - font-weight: 400; } - .cardFeature--center { - text-align: center; } - .cardFeature--center .cardFeature__icon { - margin: auto; - margin-bottom: 32px; } - @media (max-width: 575px) { - .cardFeature--center .cardFeature__icon { - margin-bottom: 16px; } } + margin-bottom: 16px; + } +} + +.cardFeature__icon--bg-g { + background: rgba(0, 175, 146, 0.1); +} + +.cardFeature__icon--bg-g svg { + color: #00af91; +} + +.cardFeature__icon--bg-b { + background: rgba(16, 137, 255, 0.1); +} + +.cardFeature__icon--bg-b svg { + color: #1089ff; +} + +.cardFeature__icon--bg-r { + background: rgba(241, 92, 76, 0.1); +} + +.cardFeature__icon--bg-r svg { + color: #f15c4c; +} + +.cardFeature h5.font-title--xs, +.cardFeature .font-title--xs.h5 { + color: #202029; + margin-bottom: 12px; +} + +@media (max-width: 575px) { + + .cardFeature h5.font-title--xs, + .cardFeature .font-title--xs.h5 { + margin-bottom: 6px; + } +} + +.cardFeature p { + font-size: 16px; + line-height: 24px; + color: #8f8fa3; + font-weight: 400; +} + +.cardFeature--center { + text-align: center; +} + +.cardFeature--center .cardFeature__icon { + margin: auto; + margin-bottom: 32px; +} + +@media (max-width: 575px) { + .cardFeature--center .cardFeature__icon { + margin-bottom: 16px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .cardFeature { - height: 100%; } } + height: 100%; + } +} .slick-dots { display: -webkit-box; @@ -11332,33 +16188,42 @@ .slick-dots { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); - transform: translateX(-50%); - margin-top: 10px; } - .slick-dots li { - margin-right: 8px; } - .slick-dots li:nth-last-child(1) { - margin-right: 0px; } - .slick-dots li button { - font-size: 0px; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: #8f8fa3; - border: 0px; - outline: 0; } - .slick-dots li.slick-active button { - width: 24px; - height: 8px; - border-radius: 50px; - background-color: #202029; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; } + transform: translateX(-50%); + margin-top: 10px; +} + +.slick-dots li { + margin-right: 8px; +} + +.slick-dots li:nth-last-child(1) { + margin-right: 0px; +} + +.slick-dots li button { + font-size: 0px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: #8f8fa3; + border: 0px; + outline: 0; +} + +.slick-dots li.slick-active button { + width: 24px; + height: 8px; + border-radius: 50px; + background-color: #202029; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} .navbar-mobile { position: fixed; @@ -11375,106 +16240,154 @@ .navbar-mobile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; - z-index: 9999999; } - .navbar-mobile.show { - left: 0px; - width: 300px; - padding: 20px 15px; - -webkit-transition: all 0.8s ease-in-out; - transition: all 0.8s ease-in-out; } - .navbar-mobile__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .navbar-mobile__menu { - margin: 30px 0px; } - .navbar-mobile__menu-list li { - margin-bottom: 5px; } - .navbar-mobile__menu-list li.open a, .navbar-mobile__menu-list li.active a { - background-color: #1089ff; } - .navbar-mobile__menu-list li.open a span, .navbar-mobile__menu-list li.active a span { - color: #fff; } - .navbar-mobile__menu-list li.open a span svg, .navbar-mobile__menu-list li.active a span svg { - color: #fff; } - .navbar-mobile__menu-list li.open .navbar-mobile__menu-dropmenu li a.active { - color: #1089ff; } - .navbar-mobile__menu-list li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 10px 0px; - padding-left: 15px; } - .navbar-mobile__menu-list li a:hover { - background-color: #1089ff; } - .navbar-mobile__menu-list li a:hover span { - color: #fff; } - .navbar-mobile__menu-list li a:hover span svg { - color: #fff; } - .navbar-mobile__menu-list li.open .navbar-mobile__menu-dropmenu { - display: block; } - .navbar-mobile__menu-list li.open .navbar-mobile__menu-dropicon svg { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); } - .navbar-mobile__menu-link { - font-size: 16px; - line-height: 24px; - color: #42414b; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - .navbar-mobile__menu-dropicon { - margin-right: 15px; } - .navbar-mobile__menu-dropicon svg { - color: #42414b; } - .navbar-mobile__menu-dropmenu { - display: none; - padding: 15px 0; - padding-left: 10px; - background-color: #ecf6ff; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } - .navbar-mobile__menu-dropmenu li { - margin-bottom: 2px; } - .navbar-mobile__menu-dropmenu li a { - width: 100%; - font-size: 16px; - line-height: 24px; - color: #42414b; - font-weight: 500; - padding: 8px 0px; - padding-left: 15px; - text-transform: capitalize; - font-family: 'Poppins', sans-serif; - background-color: transparent !important; } - .navbar-mobile__menu-dropmenu li a:hover { - background-color: rgba(16, 136, 255, 0.515) !important; - color: #fff; } - .navbar-mobile--cross { - width: 30px; - height: 30px; - background-color: #ebebf2; - border: 0; } + z-index: 9999999; +} + +.navbar-mobile.show { + left: 0px; + width: 300px; + padding: 20px 15px; + -webkit-transition: all 0.8s ease-in-out; + transition: all 0.8s ease-in-out; +} + +.navbar-mobile__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.navbar-mobile__menu { + margin: 30px 0px; +} + +.navbar-mobile__menu-list li { + margin-bottom: 5px; +} + +.navbar-mobile__menu-list li.open a, +.navbar-mobile__menu-list li.active a { + background-color: #1089ff; +} + +.navbar-mobile__menu-list li.open a span, +.navbar-mobile__menu-list li.active a span { + color: #fff; +} + +.navbar-mobile__menu-list li.open a span svg, +.navbar-mobile__menu-list li.active a span svg { + color: #fff; +} + +.navbar-mobile__menu-list li.open .navbar-mobile__menu-dropmenu li a.active { + color: #1089ff; +} + +.navbar-mobile__menu-list li a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 10px 0px; + padding-left: 15px; +} + +.navbar-mobile__menu-list li a:hover { + background-color: #1089ff; +} + +.navbar-mobile__menu-list li a:hover span { + color: #fff; +} + +.navbar-mobile__menu-list li a:hover span svg { + color: #fff; +} + +.navbar-mobile__menu-list li.open .navbar-mobile__menu-dropmenu { + display: block; +} + +.navbar-mobile__menu-list li.open .navbar-mobile__menu-dropicon svg { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} + +.navbar-mobile__menu-link { + font-size: 16px; + line-height: 24px; + color: #42414b; + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +.navbar-mobile__menu-dropicon { + margin-right: 15px; +} + +.navbar-mobile__menu-dropicon svg { + color: #42414b; +} + +.navbar-mobile__menu-dropmenu { + display: none; + padding: 15px 0; + padding-left: 10px; + background-color: #ecf6ff; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +.navbar-mobile__menu-dropmenu li { + margin-bottom: 2px; +} + +.navbar-mobile__menu-dropmenu li a { + width: 100%; + font-size: 16px; + line-height: 24px; + color: #42414b; + font-weight: 500; + padding: 8px 0px; + padding-left: 15px; + text-transform: capitalize; + font-family: 'Poppins', sans-serif; + background-color: transparent !important; +} + +.navbar-mobile__menu-dropmenu li a:hover { + background-color: rgba(16, 136, 255, 0.515) !important; + color: #fff; +} + +.navbar-mobile--cross { + width: 30px; + height: 30px; + background-color: #ebebf2; + border: 0; +} .filter-sidebar { position: fixed; @@ -11488,339 +16401,486 @@ .filter-sidebar { scroll-behavior: smooth; -webkit-transition: all 0.6s linear; transition: all 0.6s linear; - background-color: #fff; } - .filter-sidebar.active { - padding: 24px 15px; - width: 400px; - left: 0px; } - .filter-sidebar__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 30px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; } - .filter-sidebar__top button { - border: 0; - width: 30px; - height: 30px; - background: #ebebf2; } - @media (min-width: 768px) { - .filter-sidebar__top button { - display: none; } } - .filter-sidebar__top button svg { - color: #202029; } - .filter-sidebar__wrapper .accordion-item { - padding: 0px !important; - margin-bottom: 10px !important; } - .filter-sidebar .price-range-block__inputWrapper input { - width: 100px !important; } + background-color: #fff; +} + +.filter-sidebar.active { + padding: 24px 15px; + width: 400px; + left: 0px; +} + +.filter-sidebar__top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 30px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.filter-sidebar__top button { + border: 0; + width: 30px; + height: 30px; + background: #ebebf2; +} + +@media (min-width: 768px) { + .filter-sidebar__top button { + display: none; + } +} + +.filter-sidebar__top button svg { + color: #202029; +} + +.filter-sidebar__wrapper .accordion-item { + padding: 0px !important; + margin-bottom: 10px !important; +} + +.filter-sidebar .price-range-block__inputWrapper input { + width: 100px !important; +} @media (min-width: 1200px) { + .navbar-mobile, .menu-icon-container, .filter-sidebar { - display: none; } } + display: none; + } +} @media (max-width: 767px) { .navbar-mobile.show { - width: 100%; } + width: 100%; + } + .filter-sidebar.active { - width: 100%; } } + width: 100%; + } +} @media (max-width: 574px) { .event-search-results-heading { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .event-search-results-heading .nice-select { -webkit-box-ordinal-group: 2; -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } + -ms-flex-order: 1; + order: 1; + } + .event-search-results-heading p { -webkit-box-ordinal-group: 4; -webkit-order: 3; - -ms-flex-order: 3; - order: 3; + -ms-flex-order: 3; + order: 3; width: 100%; - margin-top: 30px !important; } + margin-top: 30px !important; + } + .event-search-results-heading #filter { font-size: 0px; -webkit-box-ordinal-group: 3; -webkit-order: 2; - -ms-flex-order: 2; - order: 2; } } + -ms-flex-order: 2; + order: 2; + } +} .form-element { margin-bottom: 32px; - position: relative; } - .form-element label { - font-size: 14px; - line-height: 21px; - margin-bottom: 8px; - color: #202029; - text-transform: capitalize; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - .form-element input { - width: 100%; - border-radius: 4px; - font-size: 16px; - padding: 16px 20px; - border: 1px solid rgba(144, 143, 165, 0.4); - -webkit-transition: all 0.2s linear; - transition: all 0.2s linear; } - .form-element input:focus { - border-color: #1089ff; } - .form-element .form-alert { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .form-element .form-alert span { - font-size: 12px; } - .form-element .form-alert-icon { - position: absolute; - right: 0px; - top: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); } - .form-element .form-alert-input { - position: relative; } - .form-element .form-alert-input .form-alert-icon { - position: absolute; - top: 50%; - right: 20px; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - color: #908fa5; } - .form-element.success input, - .form-element input.success { - border-color: rgba(0, 175, 145, 0.4); - background-color: rgba(0, 175, 145, 0.02); } - .form-element.error input, - .form-element input.error { - border-color: rgba(241, 92, 76, 0.4); - background-color: rgba(241, 92, 76, 0.02); } - .form-element.error .form-alert span { - color: #f15c4c; } - .form-element.error .form-alert-icon { - color: #f15c4c; } - .form-element.success .form-alert span { - color: #00af91; } - .form-element.success .form-alert-icon { - color: #00af91; } - .form-element.active input { - border: 1px solid #1089ff; - -webkit-box-shadow: 0px 2px 10px 0px #0264ed33; - box-shadow: 0px 2px 10px 0px #0264ed33; } + position: relative; +} + +.form-element label { + font-size: 14px; + line-height: 21px; + margin-bottom: 8px; + color: #202029; + text-transform: capitalize; + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +.form-element input { + width: 100%; + border-radius: 4px; + font-size: 16px; + padding: 16px 20px; + border: 1px solid rgba(144, 143, 165, 0.4); + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; +} + +.form-element input:focus { + border-color: #1089ff; +} + +.form-element .form-alert { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.form-element .form-alert span { + font-size: 12px; +} + +.form-element .form-alert-icon { + position: absolute; + right: 0px; + top: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.form-element .form-alert-input { + position: relative; +} + +.form-element .form-alert-input .form-alert-icon { + position: absolute; + top: 50%; + right: 20px; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + color: #908fa5; +} + +.form-element.success input, +.form-element input.success { + border-color: rgba(0, 175, 145, 0.4); + background-color: rgba(0, 175, 145, 0.02); +} + +.form-element.error input, +.form-element input.error { + border-color: rgba(241, 92, 76, 0.4); + background-color: rgba(241, 92, 76, 0.02); +} + +.form-element.error .form-alert span { + color: #f15c4c; +} + +.form-element.error .form-alert-icon { + color: #f15c4c; +} + +.form-element.success .form-alert span { + color: #00af91; +} + +.form-element.success .form-alert-icon { + color: #00af91; +} + +.form-element.active input { + border: 1px solid #1089ff; + -webkit-box-shadow: 0px 2px 10px 0px #0264ed33; + box-shadow: 0px 2px 10px 0px #0264ed33; +} @media (max-width: 1200px) { .checkout-area .checkout-area { - padding-top: 0px; } } + padding-top: 0px; + } +} @media (max-width: 991px) { .checkout-area .checkout-area { - padding-top: 30px; } } + padding-top: 30px; + } +} @media (min-width: 768px) and (max-width: 991px) { .checkout-area form input { - padding: 10px 0px 10px 15px; } } + padding: 10px 0px 10px 15px; + } +} @media (min-width: 575px) and (max-width: 767px) { .checkout-area form input { - padding: 10px 0px 10px 15px; } } + padding: 10px 0px 10px 15px; + } +} @media (min-width: 420px) and (max-width: 574px) { .checkout-area form input { - padding: 10px 0px 10px 15px; } } + padding: 10px 0px 10px 15px; + } +} @media (max-width: 420px) { .checkout-area form input { - padding: 10px 0px 10px 15px; } } + padding: 10px 0px 10px 15px; + } +} .videolist-area { background-color: white; padding: 12px 0px; border-radius: 8px; - overflow: hidden; } - .videolist-area-heading { - padding: 0px 24px 12px 24px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .videolist-area-heading h6, .videolist-area-heading .h6 { - font-size: 18px; - line-height: 27px; - color: #202029; - font-family: 'Poppins', sans-serif; - font-weight: 600; } - .videolist-area-heading p { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; } - .videolist-area-bar { - margin-bottom: 24px; - width: 100%; - height: 3px; - background-color: #ebebf2; - position: relative; } - .videolist-area-bar span { - position: absolute; - content: ''; - top: 0; - left: 0; - width: 24px; - height: 3px; - background-color: #1089ff; - border-radius: 0px 20px 20px 0px; } - .videolist-area-bar__wrapper { - max-height: 950px; - overflow-y: auto; } - .videolist-area-wizard { - padding: 0px 24px; - margin-top: 16px; } - .videolist-area-wizard .wizard-heading { - margin-bottom: 8px; } - .videolist-area-wizard .wizard-heading h6, .videolist-area-wizard .wizard-heading .h6 { - font-size: 16px; - line-height: 24px; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - .videolist-area-wizard .main-wizard .active { - background: #1089ff; - border-radius: 4px; - border-bottom: none; - border: 1px solid #1089ff; } - .videolist-area-wizard .main-wizard .active .main-wizard-icon svg { - color: #ffffff; } - .videolist-area-wizard .main-wizard .active .main-wizard-title p { - color: rgba(255, 255, 255, 0.8) !important; } - .videolist-area-wizard .main-wizard .active .main-wizard-end span { - color: rgba(255, 255, 255, 0.8) !important; } - .videolist-area-wizard .main-wizard .download-wizard { - border: 1px solid transparent; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .videolist-area-wizard .main-wizard .download-wizard .main-wizard-icon svg { - color: #00af91; } - .videolist-area-wizard .main-wizard .download-wizard .main-wizard-end small, .videolist-area-wizard .main-wizard .download-wizard .main-wizard-end .small { - color: #666575; - text-decoration: underline; - font-family: 'Poppins', sans-serif; - font-weight: 500; - font-size: 14px; - margin-left: 30px; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .videolist-area-wizard .main-wizard .download-wizard:hover { - border: 1px solid rgba(0, 175, 145, 0.4); - border-radius: 4px; } - .videolist-area-wizard .main-wizard .download-wizard:hover .main-wizard-end small, .videolist-area-wizard .main-wizard .download-wizard:hover .main-wizard-end .small { - color: #202029; - text-decoration: none; } - .videolist-area-wizard .main-wizard__wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px; - background-color: transparent; - border-bottom: 1px solid #ebebf2; } - .videolist-area-wizard .main-wizard-start { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; } - .videolist-area-wizard .main-wizard-icon { - margin-right: 8px; } - .videolist-area-wizard .main-wizard-icon svg { - color: #1089ff; } - .videolist-area-wizard .main-wizard-title p { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; } - .videolist-area-wizard .main-wizard-end span { - color: #8f8fa3; - font-size: 14px; } - .videolist-area-wizard .main-wizard a .main-wizard-check .form-check-input:focus { - border: 0; - outline: 0; } - .videolist-area-wizard .main-wizard a .main-wizard-check label { - font-size: 14px; - line-height: 24px; - color: #8f8fa3; } - .videolist-area-wizard .main-wizard a.active .form-check-input:checked { - background-color: #d1cbcb; } + overflow: hidden; +} + +.videolist-area-heading { + padding: 0px 24px 12px 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.videolist-area-heading h6, +.videolist-area-heading .h6 { + font-size: 18px; + line-height: 27px; + color: #202029; + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.videolist-area-heading p { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; +} + +.videolist-area-bar { + margin-bottom: 24px; + width: 100%; + height: 3px; + background-color: #ebebf2; + position: relative; +} + +.videolist-area-bar span { + position: absolute; + content: ''; + top: 0; + left: 0; + width: 24px; + height: 3px; + background-color: #1089ff; + border-radius: 0px 20px 20px 0px; +} + +.videolist-area-bar__wrapper { + max-height: 950px; + overflow-y: auto; +} + +.videolist-area-wizard { + padding: 0px 24px; + margin-top: 16px; +} + +.videolist-area-wizard .wizard-heading { + margin-bottom: 8px; +} + +.videolist-area-wizard .wizard-heading h6, +.videolist-area-wizard .wizard-heading .h6 { + font-size: 16px; + line-height: 24px; + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +.videolist-area-wizard .main-wizard .active { + background: #1089ff; + border-radius: 4px; + border-bottom: none; + border: 1px solid #1089ff; +} + +.videolist-area-wizard .main-wizard .active .main-wizard-icon svg { + color: #ffffff; +} + +.videolist-area-wizard .main-wizard .active .main-wizard-title p { + color: rgba(255, 255, 255, 0.8) !important; +} + +.videolist-area-wizard .main-wizard .active .main-wizard-end span { + color: rgba(255, 255, 255, 0.8) !important; +} + +.videolist-area-wizard .main-wizard .download-wizard { + border: 1px solid transparent; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.videolist-area-wizard .main-wizard .download-wizard .main-wizard-icon svg { + color: #00af91; +} + +.videolist-area-wizard .main-wizard .download-wizard .main-wizard-end small, +.videolist-area-wizard .main-wizard .download-wizard .main-wizard-end .small { + color: #666575; + text-decoration: underline; + font-family: 'Poppins', sans-serif; + font-weight: 500; + font-size: 14px; + margin-left: 30px; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.videolist-area-wizard .main-wizard .download-wizard:hover { + border: 1px solid rgba(0, 175, 145, 0.4); + border-radius: 4px; +} + +.videolist-area-wizard .main-wizard .download-wizard:hover .main-wizard-end small, +.videolist-area-wizard .main-wizard .download-wizard:hover .main-wizard-end .small { + color: #202029; + text-decoration: none; +} + +.videolist-area-wizard .main-wizard__wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px; + background-color: transparent; + border-bottom: 1px solid #ebebf2; +} + +.videolist-area-wizard .main-wizard-start { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} + +.videolist-area-wizard .main-wizard-icon { + margin-right: 8px; +} + +.videolist-area-wizard .main-wizard-icon svg { + color: #1089ff; +} + +.videolist-area-wizard .main-wizard-title p { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; +} + +.videolist-area-wizard .main-wizard-end span { + color: #8f8fa3; + font-size: 14px; +} + +.videolist-area-wizard .main-wizard a .main-wizard-check .form-check-input:focus { + border: 0; + outline: 0; +} + +.videolist-area-wizard .main-wizard a .main-wizard-check label { + font-size: 14px; + line-height: 24px; + color: #8f8fa3; +} + +.videolist-area-wizard .main-wizard a.active .form-check-input:checked { + background-color: #d1cbcb; +} @media (min-width: 1201px) and (max-width: 1500px) { .videolist-area-wizard .main-wizard a { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } } + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} @media (max-width: 420px) { .videolist-area-wizard { padding-left: 15px; - padding-right: 15px; } - .videolist-area-wizard .main-wizard a { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .videolist-area-wizard .main-wizard-end { - margin-top: 8px; } + padding-right: 15px; + } + + .videolist-area-wizard .main-wizard a { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .videolist-area-wizard .main-wizard-end { + margin-top: 8px; + } + .videolist-area-heading { padding-left: 15px; - padding-right: 15px; } + padding-right: 15px; + } + .videolist-area-wizard .main-wizard__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } + -ms-flex-align: end; + align-items: flex-end; + } + .videolist-area-wizard .main-wizard a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - width: 100%; } } + -ms-flex-direction: row; + flex-direction: row; + width: 100%; + } +} .z-alert { display: -webkit-box; @@ -11829,89 +16889,113 @@ .z-alert { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; background-color: #35343e; border-radius: 5px; color: white; padding: 8px; - margin-bottom: 20px; } - .z-alert span { - font-size: 16px; - line-height: 150%; - padding-left: 25px; } - .z-alert .action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .z-alert .action a { - font-size: 14px; - text-transform: uppercase; - font-weight: 600; - margin-right: 10px; - color: #fff; - padding: 15px 24px; - border-radius: 5px; } - .z-alert .action a:hover { - background-color: rgba(255, 255, 255, 0.1); } - .z-alert .action .close { - width: 45px; - height: 45px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - position: relative; - margin-left: 15; - margin-right: 0; - border-radius: 5px; - padding: 0; } - .z-alert .action .close:hover { - background-color: rgba(255, 255, 255, 0.1); } - .z-alert .action .close::after { - content: ''; - width: 1px; - height: 28px; - top: 50%; - left: -13px; - position: absolute; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: rgba(255, 255, 255, 0.35); } - .z-alert.success { - background-color: #00af91; } - .z-alert.error { - background-color: #f15c4c; } - .z-alert.warning { - background-color: #ffc91b; } + margin-bottom: 20px; +} + +.z-alert span { + font-size: 16px; + line-height: 150%; + padding-left: 25px; +} + +.z-alert .action { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.z-alert .action a { + font-size: 14px; + text-transform: uppercase; + font-weight: 600; + margin-right: 10px; + color: #fff; + padding: 15px 24px; + border-radius: 5px; +} + +.z-alert .action a:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.z-alert .action .close { + width: 45px; + height: 45px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + position: relative; + margin-left: 15; + margin-right: 0; + border-radius: 5px; + padding: 0; +} + +.z-alert .action .close:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.z-alert .action .close::after { + content: ''; + width: 1px; + height: 28px; + top: 50%; + left: -13px; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: rgba(255, 255, 255, 0.35); +} + +.z-alert.success { + background-color: #00af91; +} + +.z-alert.error { + background-color: #f15c4c; +} + +.z-alert.warning { + background-color: #ffc91b; +} .categories .category { margin: 50px 15px; - margin-top: 0px; } + margin-top: 0px; +} .categoryitem { - padding: 140px 0; } + padding: 140px 0; +} .category__img img { - border-radius: 6px; } + border-radius: 6px; +} .category__tittle { background-color: white; @@ -11923,72 +17007,118 @@ .category__tittle { border-radius: 4px; -webkit-transition: 0.3s; transition: 0.3s; - border: 1px solid #ebebf2; } - .category__tittle h6, .category__tittle .h6 { - font-size: 20px; - line-height: 30px; - font-family: 'Poppins', sans-serif; - font-weight: 600; } - .category__tittle h6 a, .category__tittle .h6 a { - color: #42414b; } - .category__tittle span { - font-size: 14px; - line-height: 1.5; - color: #908fa5; } + border: 1px solid #ebebf2; +} + +.category__tittle h6, +.category__tittle .h6 { + font-size: 20px; + line-height: 30px; + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.category__tittle h6 a, +.category__tittle .h6 a { + color: #42414b; +} + +.category__tittle span { + font-size: 14px; + line-height: 1.5; + color: #908fa5; +} .category:hover .category__tittle { border: transparent; -webkit-box-shadow: 0px 24px 50px rgba(9, 8, 78, 0.1); - box-shadow: 0px 24px 50px rgba(9, 8, 78, 0.1); } - .category:hover .category__tittle h6, .category:hover .category__tittle .h6 { - color: #1089ff; } + box-shadow: 0px 24px 50px rgba(9, 8, 78, 0.1); +} + +.category:hover .category__tittle h6, +.category:hover .category__tittle .h6 { + color: #1089ff; +} /*------------------------*/ /*-------RESPOSIVE---------*/ /*-------------------------*/ @media (max-width: 991px) { - .category__tittle h6, .category__tittle .h6, + + .category__tittle h6, + .category__tittle .h6, .category__tittle .h6 { font-size: 24px !important; - line-height: 34px !important; } } + line-height: 34px !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .categoryitem { - padding: 50px 0; } - .categoryitem .category { - margin-bottom: 40px; } } + padding: 50px 0; + } + + .categoryitem .category { + margin-bottom: 40px; + } +} @media (max-width: 767px) { - .category__tittle h6, .category__tittle .h6, + + .category__tittle h6, + .category__tittle .h6, .category__tittle .h6, .category__tittle .h6 { font-size: 18px !important; - line-height: 28px !important; } } + line-height: 28px !important; + } +} @media (min-width: 575px) and (max-width: 767px) { .categoryitem { - padding: 50px 0; } - .categoryitem .category { - margin-bottom: 30px; } - .categoryitem .category__tittle h6, .categoryitem .category__tittle .h6 { - font-size: 18px; } - .categoryitem .category__tittle span { - font-size: 12px; } } + padding: 50px 0; + } + + .categoryitem .category { + margin-bottom: 30px; + } + + .categoryitem .category__tittle h6, + .categoryitem .category__tittle .h6 { + font-size: 18px; + } + + .categoryitem .category__tittle span { + font-size: 12px; + } +} @media (min-width: 420px) and (max-width: 574px) { .categoryitem { - padding: 50px 0; } - .categoryitem .category { - margin-bottom: 30px; } - .categoryitem .category__tittle { - padding: 25px 0; } - .categoryitem .category__tittle h6, .categoryitem .category__tittle .h6 { - font-size: 20px; } - .categoryitem .category__tittle span { - font-size: 14px; } } + padding: 50px 0; + } + + .categoryitem .category { + margin-bottom: 30px; + } + + .categoryitem .category__tittle { + padding: 25px 0; + } + + .categoryitem .category__tittle h6, + .categoryitem .category__tittle .h6 { + font-size: 20px; + } + + .categoryitem .category__tittle span { + font-size: 14px; + } +} .featuresitem { - margin-top: -130px; } + margin-top: -130px; +} .features { background: #ffffff; @@ -11997,46 +17127,68 @@ .features { text-align: center; padding: 30px 20px; -webkit-transition: 0.3s; - transition: 0.3s; } - .features__icon { - width: 72px; - height: 72px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 4px; } - .features__title { - margin-top: 22px; } - .features__title h6, .features__title .h6 { - font-family: 'Poppins', sans-serif; - font-weight: 500; - line-height: 1.5; - margin-bottom: 20px; } - .features:hover { - -webkit-box-shadow: 0px 24px 50px rgba(9, 8, 78, 0.1); - box-shadow: 0px 24px 50px rgba(9, 8, 78, 0.1); - border-color: transparent; } - .features:hover .bg-warning { - background-color: #ffc91b !important; } - .features:hover .bg-warning svg path { - stroke: white; } - .features:hover .bg-success { - background-color: #00af91 !important; } - .features:hover .bg-success svg path { - stroke: white; } - .features:hover .bg-denger { - background-color: #f15c4c !important; } - .features:hover .bg-denger svg path { - stroke: white; } + transition: 0.3s; +} + +.features__icon { + width: 72px; + height: 72px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; +} + +.features__title { + margin-top: 22px; +} + +.features__title h6, +.features__title .h6 { + font-family: 'Poppins', sans-serif; + font-weight: 500; + line-height: 1.5; + margin-bottom: 20px; +} + +.features:hover { + -webkit-box-shadow: 0px 24px 50px rgba(9, 8, 78, 0.1); + box-shadow: 0px 24px 50px rgba(9, 8, 78, 0.1); + border-color: transparent; +} + +.features:hover .bg-warning { + background-color: #ffc91b !important; +} + +.features:hover .bg-warning svg path { + stroke: white; +} + +.features:hover .bg-success { + background-color: #00af91 !important; +} + +.features:hover .bg-success svg path { + stroke: white; +} + +.features:hover .bg-denger { + background-color: #f15c4c !important; +} + +.features:hover .bg-denger svg path { + stroke: white; +} /*------------------------*/ /*-------RESPOSIVE---------*/ @@ -12044,136 +17196,192 @@ .features { @media (min-width: 768px) and (max-width: 991px) { .featuresitem { margin-top: 0px; - padding-top: 70px; } - .featuresitem .features { - margin-bottom: 40px; } } + padding-top: 70px; + } + + .featuresitem .features { + margin-bottom: 40px; + } +} @media (min-width: 575px) and (max-width: 767px) { .featuresitem { margin-top: 0px; - padding-top: 50px; } - .featuresitem .features { - margin: 0 78px; - margin-bottom: 30px; } - .featuresitem .features__icon { - width: 70px; - height: 70px; } - .featuresitem .features__title { - margin-top: 18px; } - .featuresitem .features__title h6, .featuresitem .features__title .h6 { - font-size: 22px; - margin-bottom: 10px; } - .featuresitem .features__title p { - font-size: 14px; } } + padding-top: 50px; + } + + .featuresitem .features { + margin: 0 78px; + margin-bottom: 30px; + } + + .featuresitem .features__icon { + width: 70px; + height: 70px; + } + + .featuresitem .features__title { + margin-top: 18px; + } + + .featuresitem .features__title h6, + .featuresitem .features__title .h6 { + font-size: 22px; + margin-bottom: 10px; + } + + .featuresitem .features__title p { + font-size: 14px; + } +} @media (min-width: 420px) and (max-width: 574px) { .featuresitem { margin-top: 0px; - padding-top: 50px; } - .featuresitem .features { - margin-bottom: 30px; } - .featuresitem .features__icon { - width: 70px; - height: 70px; } - .featuresitem .features__title { - margin-top: 18px; } - .featuresitem .features__title h6, .featuresitem .features__title .h6 { - font-size: 20px; - margin-bottom: 10px; } - .featuresitem .features__title p { - font-size: 14px; } } + padding-top: 50px; + } + + .featuresitem .features { + margin-bottom: 30px; + } + + .featuresitem .features__icon { + width: 70px; + height: 70px; + } + + .featuresitem .features__title { + margin-top: 18px; + } + + .featuresitem .features__title h6, + .featuresitem .features__title .h6 { + font-size: 20px; + margin-bottom: 10px; + } + + .featuresitem .features__title p { + font-size: 14px; + } +} @media (min-width: 320px) and (max-width: 574px) { .featured-popular-courses-heading .nav-button .nav-link { - margin-right: 15px !important; } + margin-right: 15px !important; + } + .featured-popular-courses-tabs { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } } + -ms-flex-pack: center; + justify-content: center; + } +} .search { width: 100%; - position: relative; } - .search__item { - position: relative; } - .search__item input { - width: 100%; - border: 0; - height: 60px; - background-color: white; - -webkit-box-shadow: 0px 32px 60px rgba(2, 100, 237, 0.08); - box-shadow: 0px 32px 60px rgba(2, 100, 237, 0.08); - border-radius: 5px; - padding-left: 24px; - padding-right: 261px; } - .search__item button { - position: absolute; - right: 0; - top: 0; - height: 100%; - padding: 0 24px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .search__select { - max-width: 114px; - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: 148px; } - .search__select .nice-select { - width: 100%; - border-radius: 0; - border: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-transform: capitalize; - color: #4F4F4F; } - .search__select .nice-select::after { - width: 8px; - height: 8px; - border-color: #35343e; } - .search__select::before { - content: ""; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 24px; - background: #dddddd; - width: 1px; - z-index: 99; } + position: relative; +} + +.search__item { + position: relative; +} + +.search__item input { + width: 100%; + border: 0; + height: 60px; + background-color: white; + -webkit-box-shadow: 0px 32px 60px rgba(2, 100, 237, 0.08); + box-shadow: 0px 32px 60px rgba(2, 100, 237, 0.08); + border-radius: 5px; + padding-left: 24px; + padding-right: 261px; +} + +.search__item button { + position: absolute; + right: 0; + top: 0; + height: 100%; + padding: 0 24px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.search__select { + max-width: 114px; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 148px; +} + +.search__select .nice-select { + width: 100%; + border-radius: 0; + border: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-transform: capitalize; + color: #4F4F4F; +} + +.search__select .nice-select::after { + width: 8px; + height: 8px; + border-color: #35343e; +} + +.search__select::before { + content: ""; + position: absolute; + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 24px; + background: #dddddd; + width: 1px; + z-index: 99; +} .breadcrumb { padding-top: 20px; margin-bottom: 40px; - background-color: rgba(255, 255, 255, 0.4); } - .breadcrumb__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .breadcrumb__item a, - .breadcrumb__item span { - font-size: 14px; - line-height: 1.5; - color: #666575; } + background-color: rgba(255, 255, 255, 0.4); +} + +.breadcrumb__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.breadcrumb__item a, +.breadcrumb__item span { + font-size: 14px; + line-height: 1.5; + color: #666575; +} @media (max-width: 767px) { .breadcrumb { - margin-bottom: 0px; } } + margin-bottom: 0px; + } +} .pagination-group { display: -webkit-box; @@ -12182,112 +17390,146 @@ .pagination-group { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .pagination-group .p_prev, - .pagination-group .p_next { - border: 1px solid rgba(144, 143, 165, 0.25); - background-color: rgba(144, 143, 165, 0.08); - color: #8f8fa3; - border-radius: 100%; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0 12px; - -webkit-transition: 0.3s; - transition: 0.3s; } - .pagination-group .p_prev:first-child, - .pagination-group .p_next:first-child { - margin-left: 0; } - .pagination-group .p_prev:last-child, - .pagination-group .p_next:last-child { - margin-right: 0; } - .pagination-group .p_prev:hover, - .pagination-group .p_next:hover { - background-color: transparent; - border-color: white; - color: #202029; } - .pagination-group .cdp_i { - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: #666575; - font-size: 16px; - font-family: 'Poppins', sans-serif; - font-weight: 500; - line-height: 1.5; - -webkit-transition: 0.3s; - transition: 0.3s; - margin: 0 6px; - border-radius: 100%; - padding: 8px 0; } - .pagination-group .cdp_i.active { - background-color: #1089ff; - border-color: #1089ff; - color: white; } - .pagination-group .cdp_i:hover { - background-color: #1089ff; - border-color: #1089ff; - color: white; } + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.pagination-group .p_prev, +.pagination-group .p_next { + border: 1px solid rgba(144, 143, 165, 0.25); + background-color: rgba(144, 143, 165, 0.08); + color: #8f8fa3; + border-radius: 100%; + width: 50px; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0 12px; + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.pagination-group .p_prev:first-child, +.pagination-group .p_next:first-child { + margin-left: 0; +} + +.pagination-group .p_prev:last-child, +.pagination-group .p_next:last-child { + margin-right: 0; +} + +.pagination-group .p_prev:hover, +.pagination-group .p_next:hover { + background-color: transparent; + border-color: white; + color: #202029; +} + +.pagination-group .cdp_i { + width: 50px; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #666575; + font-size: 16px; + font-family: 'Poppins', sans-serif; + font-weight: 500; + line-height: 1.5; + -webkit-transition: 0.3s; + transition: 0.3s; + margin: 0 6px; + border-radius: 100%; + padding: 8px 0; +} + +.pagination-group .cdp_i.active { + background-color: #1089ff; + border-color: #1089ff; + color: white; +} + +.pagination-group .cdp_i:hover { + background-color: #1089ff; + border-color: #1089ff; + color: white; +} @media (max-width: 574px) { + .pagination-group .p_prev, .pagination-group .p_next, .pagination-group .cdp_i { width: 40px; - height: 40px; } + height: 40px; + } + .pagination-group { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } } + -ms-flex-pack: center; + justify-content: center; + } +} .ourevent { - background-color: white; } + background-color: white; +} /*------------------------*/ /*-------RESPOSIVE---------*/ /*-------------------------*/ @media (min-width: 575px) and (max-width: 767px) { .event__img { - margin-bottom: 10px; } - .event__img img { - border-radius: 6px; } + margin-bottom: 10px; + } + + .event__img img { + border-radius: 6px; + } + .event__content_title { - border-bottom: 1px solid #ebebf2; } - .event__content_title h6, .event__content_title .h6 { - font-size: 16px; - margin-bottom: 15px; } + border-bottom: 1px solid #ebebf2; + } + + .event__content_title h6, + .event__content_title .h6 { + font-size: 16px; + margin-bottom: 15px; + } + .event__content_detail { - padding: 10px 0; } - .event__content_detail .loction span, - .event__content_detail .date span { - font-size: 10px; } } + padding: 10px 0; + } + + .event__content_detail .loction span, + .event__content_detail .date span { + font-size: 10px; + } +} .play-button { width: 79px; @@ -12299,27 +17541,33 @@ .play-button { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; border-radius: 100%; -webkit-box-shadow: 0px 24px 50px rgba(9, 8, 78, 0.1); - box-shadow: 0px 24px 50px rgba(9, 8, 78, 0.1); } + box-shadow: 0px 24px 50px rgba(9, 8, 78, 0.1); +} @media (max-width: 767px) { .play-button { width: 60px; - height: 60px; } } + height: 60px; + } +} .mentor:hover .mentor__img .list-inline { opacity: 1; - visibility: visible; } + visibility: visible; +} -.mentor:hover .mentor__title h6 a, .mentor:hover .mentor__title .h6 a { - color: #0264ed; } +.mentor:hover .mentor__title h6 a, +.mentor:hover .mentor__title .h6 a { + color: #0264ed; +} .mentor__img { position: relative; @@ -12328,117 +17576,145 @@ .mentor__img { overflow: hidden; border-radius: 5px; border-bottom-left-radius: 0px; - border-bottom-right-radius: 0px; } - .mentor__img img { - width: inherit; - height: inherit; - -o-object-fit: cover; - object-fit: cover; } + border-bottom-right-radius: 0px; +} + +.mentor__img img { + width: inherit; + height: inherit; + -o-object-fit: cover; + object-fit: cover; +} .mentor__title { padding: 20px; background-color: #fff; - border: 1px solid #ebebf2; } - .mentor__title h6, .mentor__title .h6 { - font-size: 20px; - line-height: 1.5; - font-weight: 600; } - .mentor__title p { - color: #908fa5; - font-size: 14px; - line-height: 1.5; } + border: 1px solid #ebebf2; +} + +.mentor__title h6, +.mentor__title .h6 { + font-size: 20px; + line-height: 1.5; + font-weight: 600; +} + +.mentor__title p { + color: #908fa5; + font-size: 14px; + line-height: 1.5; +} .mentor .mentor__img { - position: relative; } - .mentor .mentor__img .list-inline { - z-index: 1; - position: absolute; - left: 50%; - bottom: 0px; - -webkit-transform: translate(-50%); - transform: translate(-50%); - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding-bottom: 25px; - background: -webkit-gradient(linear, left top, left bottom, color-stop(55.21%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); - background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.21%, rgba(0, 0, 0, 0.8) 100%); - border-radius: 6px; - -webkit-transition: all 0.2s linear; - transition: all 0.2s linear; - opacity: 0; - visibility: hidden; } - .mentor .mentor__img .list-inline li { - margin-right: 10px; } - .mentor .mentor__img .list-inline li:nth-last-child(1) { - margin-right: 0px; } - .mentor .mentor__img .list-inline li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 36px; - width: 36px; - border-radius: 3px; - background-color: white; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .mentor .mentor__img .list-inline li a:hover { - background-color: #1089ff; } - .mentor .mentor__img .list-inline li a:hover svg path { - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; - fill: white; } + position: relative; +} -.mentor__title h6 a, .mentor__title .h6 a { - color: #42414b; } +.mentor .mentor__img .list-inline { + z-index: 1; + position: absolute; + left: 50%; + bottom: 0px; + -webkit-transform: translate(-50%); + transform: translate(-50%); + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-bottom: 25px; + background: -webkit-gradient(linear, left top, left bottom, color-stop(55.21%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); + background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.21%, rgba(0, 0, 0, 0.8) 100%); + border-radius: 6px; + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; + opacity: 0; + visibility: hidden; +} + +.mentor .mentor__img .list-inline li { + margin-right: 10px; +} + +.mentor .mentor__img .list-inline li:nth-last-child(1) { + margin-right: 0px; +} + +.mentor .mentor__img .list-inline li a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 36px; + width: 36px; + border-radius: 3px; + background-color: white; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.mentor .mentor__img .list-inline li a:hover { + background-color: #1089ff; +} + +.mentor .mentor__img .list-inline li a:hover svg path { + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; + fill: white; +} + +.mentor__title h6 a, +.mentor__title .h6 a { + color: #42414b; +} .avatar01 { width: 122px; height: 122px; -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; } + object-fit: cover; + border-radius: 50%; +} .avatar02 { width: 105px; height: 105px; -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; } + object-fit: cover; + border-radius: 50%; +} .avatar03 { width: 89px; height: 89px; -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; } + object-fit: cover; + border-radius: 50%; +} .avatar04 { width: 70px; height: 70px; -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; } + object-fit: cover; + border-radius: 50%; +} /*------------------------*/ /*-------RESPOSIVE---------*/ @@ -12446,181 +17722,253 @@ .avatar04 { @media (min-width: 768px) and (max-width: 991px) { .avatar01 { width: 90px; - height: 90px; } + height: 90px; + } + .avatar02 { width: 70px; - height: 70px; } + height: 70px; + } + .avatar03 { width: 50px; - height: 50px; } + height: 50px; + } + .avatar04 { width: 40px; - height: 40px; } } + height: 40px; + } +} @media (min-width: 575px) and (max-width: 767px) { .avatar01 { width: 50px; - height: 50px; } + height: 50px; + } + .avatar02 { width: 40px; - height: 40px; } + height: 40px; + } + .avatar03 { width: 30px; - height: 30px; } + height: 30px; + } + .avatar04 { width: 30px; - height: 30px; } } + height: 30px; + } +} .pricing-area { margin-top: 30px; - margin-bottom: 30px; } - .pricing-area .content-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin-bottom: 20px; } - .pricing-area .content-text .left-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .pricing-area .content-text .left-text h4, .pricing-area .content-text .left-text .h4 { - margin-right: 6px; } - .pricing-area .content-text .left-text del { - font-size: 18px; - color: #908fa5; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .pricing-area .content-text .right-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - .pricing-area .content-text .right-text span { - font-size: 14px; - color: #ff7a1a; } - .pricing-area .p-text { - margin-bottom: 8px; } - .pricing-area .p-text p { - font-size: 12px; - color: #908fa5; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .pricing-area .buy-btn { - margin-top: 16px; } - .pricing-area .course-content h6, .pricing-area .course-content .h6 { - margin-top: 48px; - margin-bottom: 15px; - font-weight: 600; - color: #25252e; } - .pricing-area .course-content .icon li { - margin: 10px 0 0 0; } - .pricing-area .course-content .icon li a { - margin-top: 19px; - margin: 0 15px 0 0; } - .pricing-area .course-content .icon li span { - font-size: 14px; - color: #42414b; } - .pricing-area .share-content h6, .pricing-area .share-content .h6 { - margin-top: 40px; - margin-bottom: 14px; - color: #25252e; } - .pricing-area .share-content .social-link .social li { - margin-right: 12px; - background: rgba(235, 235, 242, 0.7); - border-radius: 3px; } - .pricing-area .share-content .social-link .social li a { - width: 36px; - height: 36px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .pricing-area .share-content .social-link .social li:hover { - background-color: #0264ed; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; } + margin-bottom: 30px; +} + +.pricing-area .content-text { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 20px; +} + +.pricing-area .content-text .left-text { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.pricing-area .content-text .left-text h4, +.pricing-area .content-text .left-text .h4 { + margin-right: 6px; +} + +.pricing-area .content-text .left-text del { + font-size: 18px; + color: #908fa5; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.pricing-area .content-text .right-text { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.pricing-area .content-text .right-text span { + font-size: 14px; + color: #ff7a1a; +} + +.pricing-area .p-text { + margin-bottom: 8px; +} + +.pricing-area .p-text p { + font-size: 12px; + color: #908fa5; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.pricing-area .buy-btn { + margin-top: 16px; +} + +.pricing-area .course-content h6, +.pricing-area .course-content .h6 { + margin-top: 48px; + margin-bottom: 15px; + font-weight: 600; + color: #25252e; +} + +.pricing-area .course-content .icon li { + margin: 10px 0 0 0; +} + +.pricing-area .course-content .icon li a { + margin-top: 19px; + margin: 0 15px 0 0; +} + +.pricing-area .course-content .icon li span { + font-size: 14px; + color: #42414b; +} + +.pricing-area .share-content h6, +.pricing-area .share-content .h6 { + margin-top: 40px; + margin-bottom: 14px; + color: #25252e; +} + +.pricing-area .share-content .social-link .social li { + margin-right: 12px; + background: rgba(235, 235, 242, 0.7); + border-radius: 3px; +} + +.pricing-area .share-content .social-link .social li a { + width: 36px; + height: 36px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.pricing-area .share-content .social-link .social li:hover { + background-color: #0264ed; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} .select-button { - position: relative; } - .select-button button svg { - -webkit-transition: all 0.2s linear; - transition: all 0.2s linear; } - .select-button button svg.appear { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); } + position: relative; +} + +.select-button button svg { + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; +} + +.select-button button svg.appear { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} .dropSelect { width: 100px; - position: relative; } - .dropSelect-icon { - position: absolute; - top: 8px; - left: -10px; - z-index: 999; } - .dropSelect .nice-select { - border: 0; - font-size: 16px; - color: #42414b; } - .dropSelect .nice-select ul.list { - right: 0; - left: unset; } - .dropSelect .nice-select span.current { - font-size: 16px; - line-height: 24px; - color: #666575; } - .dropSelect .nice-select:after { - width: 8px; - height: 8px; } + position: relative; +} + +.dropSelect-icon { + position: absolute; + top: 8px; + left: -10px; + z-index: 999; +} + +.dropSelect .nice-select { + border: 0; + font-size: 16px; + color: #42414b; +} + +.dropSelect .nice-select ul.list { + right: 0; + left: unset; +} + +.dropSelect .nice-select span.current { + font-size: 16px; + line-height: 24px; + color: #666575; +} + +.dropSelect .nice-select:after { + width: 8px; + height: 8px; +} @media (min-width: 320px) and (max-width: 574px) { .dropSelect { - display: none; } } + display: none; + } +} .slick-arrow { position: absolute; @@ -12638,34 +17986,45 @@ .slick-arrow { border-radius: 50%; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; border: 1px solid #ebebf2; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: translateY(-50%); - transform: translateY(-50%); } - .slick-arrow:hover { - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; - color: #fff; - background-color: #1089ff; - -webkit-box-shadow: 0px 10px 20px 0px #0264ed40; - box-shadow: 0px 10px 20px 0px #0264ed40; } - .slick-arrow--left { - left: -10%; - z-index: 1; } - .slick-arrow--right { - right: -10%; - z-index: 1; } - .slick-arrow--border-white { - border: 1px solid #fff; } - .slick-arrow--border-white:hover { - border-color: #1089ff; } + transform: translateY(-50%); +} + +.slick-arrow:hover { + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + color: #fff; + background-color: #1089ff; + -webkit-box-shadow: 0px 10px 20px 0px #0264ed40; + box-shadow: 0px 10px 20px 0px #0264ed40; +} + +.slick-arrow--left { + left: -10%; + z-index: 1; +} + +.slick-arrow--right { + right: -10%; + z-index: 1; +} + +.slick-arrow--border-white { + border: 1px solid #fff; +} + +.slick-arrow--border-white:hover { + border-color: #1089ff; +} .sliderText { width: 40%; @@ -12673,24 +18032,29 @@ .sliderText { border-bottom: 2px solid red; padding: 10px 0 10px 0px; font-weight: bold; - display: none; } + display: none; +} .ui-slider-horizontal { - height: 0.6em; } + height: 0.6em; +} .ui-slider-horizontal { margin-bottom: 15px; - width: 40%; } + width: 40%; +} .ui-widget-header { background: -webkit-gradient(linear, left top, right top, color-stop(-41.03%, #1089ff), color-stop(371.15%, #0264ed)); - background: linear-gradient(90deg, #1089ff -41.03%, #0264ed 371.15%); } + background: linear-gradient(90deg, #1089ff -41.03%, #0264ed 371.15%); +} .price-range-block__inputWrapper { -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } + -ms-flex-pack: justify; + justify-content: space-between; +} .price-range-search { width: 40.5%; @@ -12701,7 +18065,8 @@ .price-range-search { height: 32px; border-radius: 5px; margin-bottom: 20px; - font-size: 16px; } + font-size: 16px; +} .price-range-field { color: black; @@ -12709,53 +18074,63 @@ .price-range-field { min-width: 16%; border: 1px solid #8f8fa3; border-radius: 5px; - background-color: #f9f9f9; } + background-color: #f9f9f9; +} .search-results-block { position: relative; display: block; - clear: both; } + clear: both; +} #slider-range { margin-bottom: 0px; width: 100%; height: 8px; - border-radius: 50px; } + border-radius: 50px; +} /* UI - State Active */ .ui-slider-handle .ui-state-active { background-color: #1089ff; - border: 1px solid #ebebf2 !important; } + border: 1px solid #ebebf2 !important; +} .ui-corner-all { width: 95%; - border-radius: 50%; } + border-radius: 50%; +} .ui-slider-horizontal .ui-slider-range { - border-radius: 0px; } + border-radius: 0px; +} .ui-state-default, .ui-widget-content .ui-state-default { background: #1089ff; - border-radius: 2px solid #ebebf2; } + border-radius: 2px solid #ebebf2; +} .price-range-block__inputWrapper { -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 30px; } + -ms-flex-align: center; + align-items: center; + margin-bottom: 30px; +} .price-range-block__inputWrapper input { font-size: 16px; line-height: 24px; - color: #666575; } + color: #666575; +} .price-range-block__inputWrapper span { font-size: 14px; line-height: 21px; color: #8f8fa3; - margin: 0px 5px; } + margin: 0px 5px; +} .price-range-block__inputWrapper .angle-btn { background: #1089ff; @@ -12765,50 +18140,72 @@ .price-range-block__inputWrapper .angle-btn { height: 52px; outline: none; border: 0px; - border-radius: 4px; } + border-radius: 4px; +} @media (max-width: 1199px) { .price-range-block__inputWrapper input { - width: 80px !important; } } + width: 80px !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .price-range-block__inputWrapper input { - width: 190px !important; } + width: 190px !important; + } + .price-range-block__inputWrapper span { - margin: 0px 20px; } } + margin: 0px 20px; + } +} @media (min-width: 575px) and (max-width: 767px) { .price-range-block__inputWrapper input { - width: 165px !important; } } + width: 165px !important; + } +} .browse-categories__wrapper { - position: relative; } - .browse-categories__wrapper .slider-arrows .prev-arrow, - .browse-categories__wrapper .slider-arrows .next-arrow { - border: 1px solid #ebebf2; } + position: relative; +} + +.browse-categories__wrapper .slider-arrows .prev-arrow, +.browse-categories__wrapper .slider-arrows .next-arrow { + border: 1px solid #ebebf2; +} .browse-categories-shape img { -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} .browse-categories .button { - margin-top: -22px; } - @media (max-width: 1200px) { - .browse-categories .button { - margin-top: 50px; } } + margin-top: -22px; +} + +@media (max-width: 1200px) { + .browse-categories .button { + margin-top: 50px; + } +} .browse-categories .slick-dots { - margin-top: 0px; } + margin-top: 0px; +} .browse-categories-item { padding: 30px 0px; margin: 60px 0px; - margin-top: 40px; } - @media (max-width: 1200px) { - .browse-categories-item { - margin: 20px 0px; } } + margin-top: 40px; +} + +@media (max-width: 1200px) { + .browse-categories-item { + margin: 20px 0px; + } +} .overlay { height: 100%; @@ -12819,19 +18216,23 @@ .overlay { top: 0; left: 0; background-color: rgba(0, 0, 0, 0.699); - display: none; } - .overlay.active { - display: block; } + display: none; +} + +.overlay.active { + display: block; +} .overlay-content { position: relative; top: 50%; -webkit-transform: translateY(-50%); - transform: translateY(-50%); + transform: translateY(-50%); width: 50%; text-align: center; margin-top: 30px; - margin: auto; } + margin: auto; +} .overlay .closebtn { position: absolute; @@ -12839,10 +18240,12 @@ .overlay .closebtn { right: 45px; font-size: 60px; cursor: pointer; - color: white; } + color: white; +} .overlay .closebtn:hover { - color: #ccc; } + color: #ccc; +} .overlay input[type='text'] { padding: 15px; @@ -12850,10 +18253,12 @@ .overlay input[type='text'] { border: none; float: left; width: 80%; - background: white; } + background: white; +} .overlay input[type='text']:hover { - background: #f1f1f1; } + background: #f1f1f1; +} .overlay button { float: left; @@ -12862,38 +18267,48 @@ .overlay button { background: #1089ff; font-size: 17px; border: none; - cursor: pointer; } + cursor: pointer; +} .overlay button:hover { - background: #0264ed; } + background: #0264ed; +} @media (min-width: 320px) and (max-width: 574px) { .overlay-content { - width: 90%; } + width: 90%; + } + .overlay .closebtn { top: -10px; - right: 20px; } } + right: 20px; + } +} .sidebar-filter .accordion-header { - padding: 15px 0px; } + padding: 15px 0px; +} .sidebar-filter .accordion-button { padding: 0px; font-size: 20px; color: #42414b; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; font-weight: 600; line-height: 30px; text-transform: capitalize; background-color: transparent; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .sidebar-filter .accordion-button:not(.collapsed) { - color: inherit !important; - background-color: transparent; } + -ms-flex-pack: justify; + justify-content: space-between; +} + +.sidebar-filter .accordion-button:not(.collapsed) { + color: inherit !important; + background-color: transparent; +} .sidebar-filter .accordion-item { border: 0px; @@ -12901,1125 +18316,1768 @@ .sidebar-filter .accordion-item { padding: 0px 24px; border-radius: 5px; margin-bottom: 30px; - background-color: rgba(255, 255, 255, 0.5); } + background-color: rgba(255, 255, 255, 0.5); +} .sidebar-filter .accordion-body { padding: 30px 0px; - border-top: 1px solid rgba(143, 143, 163, 0.5); } - .sidebar-filter .accordion-body__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .sidebar-filter .accordion-body__item:nth-last-child(1) { - margin-bottom: 0px; } - .sidebar-filter .accordion-body__item .check-box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .sidebar-filter .accordion-body__item .check-box .checkbox-primary[type='checkbox'] { - cursor: pointer; - overflow: hidden; - margin-right: 8px; - border-radius: 3px; - position: relative; - border: 2px solid #8f8fa3; } - .sidebar-filter .accordion-body__item .check-box label { - font-size: 16px; - font-weight: 500; - line-height: 24px; - color: #666575; - text-transform: capitalize; } - .sidebar-filter .accordion-body__item .check-details { - font-size: 14px; - color: #8f8fa3; - line-height: 21px; - font-weight: 400; } + border-top: 1px solid rgba(143, 143, 163, 0.5); +} + +.sidebar-filter .accordion-body__item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.sidebar-filter .accordion-body__item:nth-last-child(1) { + margin-bottom: 0px; +} + +.sidebar-filter .accordion-body__item .check-box { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.sidebar-filter .accordion-body__item .check-box .checkbox-primary[type='checkbox'] { + cursor: pointer; + overflow: hidden; + margin-right: 8px; + border-radius: 3px; + position: relative; + border: 2px solid #8f8fa3; +} + +.sidebar-filter .accordion-body__item .check-box label { + font-size: 16px; + font-weight: 500; + line-height: 24px; + color: #666575; + text-transform: capitalize; +} + +.sidebar-filter .accordion-body__item .check-details { + font-size: 14px; + color: #8f8fa3; + line-height: 21px; + font-weight: 400; +} header { position: relative; - background-color: #fff !important; } - header .navbar { - padding: 0px; } - header .navbar-toggler { - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; } - header .navbar-toggler.active { - -webkit-transform: translateY(2px); - transform: translateY(2px); } - header .navbar-nav { - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; } - header .navbar-nav.menuList { - margin-right: 220px !important; } - header .navbar-nav .nav-item { - margin-right: 32px; - position: relative; } - header .navbar-nav .nav-item .active { - color: #1089ff !important; } - header .navbar-nav .nav-item .nav-link.active::after { - width: 100%; } - header .navbar-nav .nav-item .nav-link { - position: relative; - font-size: 16px; - line-height: 24px; - color: #42414b; - padding: 25px 0px; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - header .navbar-nav .nav-item .nav-link.active::after { - position: absolute; - content: ''; - left: 0; - top: calc(100% - 2px); - width: 100%; - height: 2px; - border-radius: 5px; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; - background-color: #1089ff; } - header .navbar-nav .nav-item .nav-link::after { - position: absolute; - content: ''; - top: 100%; - left: 0; - width: 100%; - height: 0px; - border-radius: 5px; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; - background-color: #1089ff; } - header .navbar-nav .nav-item .nav-link:hover { - color: #1089ff; } - header .navbar-nav .nav-item .nav-link:hover::after { - height: 2px; } - header .navbar-nav .nav-item:hover .nav-link span { - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); } - header .navbar-nav .nav-item:hover .nav-item--dropdown ul { - display: block; - visibility: visible; - pointer-events: all; - -webkit-transform: translateY(-2px); - transform: translateY(-2px); } - header .navbar-nav .nav-item--dropdown { - position: absolute; - top: 100%; - left: 0%; - border-radius: 0px; - z-index: 999; - -webkit-transition: all 0.2s linear; - transition: all 0.2s linear; } - header .navbar-nav .nav-item--dropdown ul { - display: none; - visibility: hidden; - pointer-events: none; - width: 230px; - background-color: #fff; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - -webkit-box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); - box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); } - header .navbar-nav .nav-item--dropdown ul li { - position: relative; - cursor: pointer; - padding: 4px 16px; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - header .navbar-nav .nav-item--dropdown ul li:nth-last-child(1) { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; } - header .navbar-nav .nav-item--dropdown ul li:hover .nav-item--subDropdown { - visibility: visible; - pointer-events: all; - opacity: 1; - -webkit-transform: translateY(0px); - transform: translateY(0px); } - header .navbar-nav .nav-item--dropdown ul li .nav-item--subDropdown { - z-index: 999; - opacity: 0; - width: 100%; - min-width: 230px; - visibility: hidden; - pointer-events: none; - position: absolute; - top: 0%; - right: -230px; - -webkit-transform: translateY(10px); - transform: translateY(10px); - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; - -webkit-box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); - box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); } - header .navbar-nav .nav-item--dropdown ul li .nav-item--subDropdown ul li:hover a { - color: #fff !important; } - header .navbar-nav .nav-item--dropdown ul li .nav-item--subDropdown ul li a { - color: #202029 !important; } - header .navbar-nav .nav-item--dropdown ul li.active { - margin-bottom: 4px; } - header .navbar-nav .nav-item--dropdown ul li:hover, header .navbar-nav .nav-item--dropdown ul li.active { - background-color: #1089ff; } - header .navbar-nav .nav-item--dropdown ul li:hover a, header .navbar-nav .nav-item--dropdown ul li.active a { - color: #fff !important; } - header .navbar-nav .nav-item--dropdown ul li a { - font-size: 14px; - line-height: 24px; - color: #202029; - text-transform: capitalize; - width: 100%; } - header .navbar-nav .nav-item--dropdown ul li a span { - display: inline-block; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - -webkit-transition: all 0.2s linear; - transition: all 0.2s linear; } - header .navbar-light .navbar-toggler { - color: transparent !important; - border-color: #1089ff !important; } - header .rightContent.appear .cart-nav { - margin-right: 0px !important; } - header .rightContent.appear .btn { - border: 0px !important; - margin: 0px !important; - border-radius: 0px; - padding: 0; } - header .rightContent.appear .btn-active { - background-color: transparent !important; - color: #42414b !important; } - header .rightContent.appear .btn-active:hover { - color: #42414b; } - header .rightContent #cart-nav { - margin-right: 15px !important; } - header .rightContent .btn { - -webkit-transition: all 0.2s linear; - transition: all 0.2s linear; - margin: 0px 4px; } - header .rightContent .btn:hover { - color: #fff !important; - text-decoration: none; - background: #0264ed; - border-color: transparent; } - header .cart-nav { - position: relative; - margin-right: 20px; } - header .cart-nav .badge { - position: absolute; - top: -5px; - right: -7px; } - header .user-image { - width: 48px; - height: 48px; } - header .user-image img { - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; } - header form { - position: relative; } - header form .header__Search-input { - position: absolute; - top: 50%; - right: 40px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 16px; - padding: 6px 0px; - padding-left: 20px; - border-radius: 4px; - border: 1px solid rgba(144, 143, 165, 0.4); - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - width: 0px; - opacity: 0; - pointer-events: none; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; } - header form .header__Search-input.appear { - width: 195px; - opacity: 1; - pointer-events: all; } - header form .header__Search-input::-webkit-input-placeholder { - font-size: 14px; } - header form .header__Search-input::-moz-placeholder { - font-size: 14px; } - header form .header__Search-input:-ms-input-placeholder { - font-size: 14px; } - header form .header__Search-input::-ms-input-placeholder { - font-size: 14px; } - header form .header__Search-input::placeholder { - font-size: 14px; } - header form .header__Search-button { - padding: 8px; - margin-right: 0px; } - header form .header__Search-button.appear { - background-color: #2493ff !important; } - header #search-nav.appear { - background-color: #42414b !important; } + background-color: #fff !important; +} + +header .navbar { + padding: 0px; +} + +header .navbar-toggler { + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +header .navbar-toggler.active { + -webkit-transform: translateY(2px); + transform: translateY(2px); +} + +header .navbar-nav { + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +header .navbar-nav.menuList { + margin-right: 220px !important; +} + +header .navbar-nav .nav-item { + margin-right: 32px; + position: relative; +} + +header .navbar-nav .nav-item .active { + color: #1089ff !important; +} + +header .navbar-nav .nav-item .nav-link.active::after { + width: 100%; +} + +header .navbar-nav .nav-item .nav-link { + position: relative; + font-size: 16px; + line-height: 24px; + color: #42414b; + padding: 25px 0px; + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +header .navbar-nav .nav-item .nav-link.active::after { + position: absolute; + content: ''; + left: 0; + top: calc(100% - 2px); + width: 100%; + height: 2px; + border-radius: 5px; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; + background-color: #1089ff; +} + +header .navbar-nav .nav-item .nav-link::after { + position: absolute; + content: ''; + top: 100%; + left: 0; + width: 100%; + height: 0px; + border-radius: 5px; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; + background-color: #1089ff; +} + +header .navbar-nav .nav-item .nav-link:hover { + color: #1089ff; +} + +header .navbar-nav .nav-item .nav-link:hover::after { + height: 2px; +} + +header .navbar-nav .nav-item:hover .nav-link span { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); +} + +header .navbar-nav .nav-item:hover .nav-item--dropdown ul { + display: block; + visibility: visible; + pointer-events: all; + -webkit-transform: translateY(-2px); + transform: translateY(-2px); +} + +header .navbar-nav .nav-item--dropdown { + position: absolute; + top: 100%; + left: 0%; + border-radius: 0px; + z-index: 999; + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; +} + +header .navbar-nav .nav-item--dropdown ul { + display: none; + visibility: hidden; + pointer-events: none; + width: 230px; + background-color: #fff; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + -webkit-box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); + box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); +} + +header .navbar-nav .nav-item--dropdown ul li { + position: relative; + cursor: pointer; + padding: 4px 16px; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} + +header .navbar-nav .nav-item--dropdown ul li:nth-last-child(1) { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +header .navbar-nav .nav-item--dropdown ul li:hover .nav-item--subDropdown { + visibility: visible; + pointer-events: all; + opacity: 1; + -webkit-transform: translateY(0px); + transform: translateY(0px); +} + +header .navbar-nav .nav-item--dropdown ul li .nav-item--subDropdown { + z-index: 999; + opacity: 0; + width: 100%; + min-width: 230px; + visibility: hidden; + pointer-events: none; + position: absolute; + top: 0%; + right: -230px; + -webkit-transform: translateY(10px); + transform: translateY(10px); + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + -webkit-box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); + box-shadow: 0px 25px 80px rgba(10, 9, 86, 0.12); +} + +header .navbar-nav .nav-item--dropdown ul li .nav-item--subDropdown ul li:hover a { + color: #fff !important; +} + +header .navbar-nav .nav-item--dropdown ul li .nav-item--subDropdown ul li a { + color: #202029 !important; +} + +header .navbar-nav .nav-item--dropdown ul li.active { + margin-bottom: 4px; +} + +header .navbar-nav .nav-item--dropdown ul li:hover, +header .navbar-nav .nav-item--dropdown ul li.active { + background-color: #1089ff; +} + +header .navbar-nav .nav-item--dropdown ul li:hover a, +header .navbar-nav .nav-item--dropdown ul li.active a { + color: #fff !important; +} + +header .navbar-nav .nav-item--dropdown ul li a { + font-size: 14px; + line-height: 24px; + color: #202029; + text-transform: capitalize; + width: 100%; +} + +header .navbar-nav .nav-item--dropdown ul li a span { + display: inline-block; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; +} + +header .navbar-light .navbar-toggler { + color: transparent !important; + border-color: #1089ff !important; +} + +header .rightContent.appear .cart-nav { + margin-right: 0px !important; +} + +header .rightContent.appear .btn { + border: 0px !important; + margin: 0px !important; + border-radius: 0px; + padding: 0; +} + +header .rightContent.appear .btn-active { + background-color: transparent !important; + color: #42414b !important; +} + +header .rightContent.appear .btn-active:hover { + color: #42414b; +} + +header .rightContent #cart-nav { + margin-right: 15px !important; +} + +header .rightContent .btn { + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; + margin: 0px 4px; +} + +header .rightContent .btn:hover { + color: #fff !important; + text-decoration: none; + background: #0264ed; + border-color: transparent; +} + +header .cart-nav { + position: relative; + margin-right: 20px; +} + +header .cart-nav .badge { + position: absolute; + top: -5px; + right: -7px; +} + +header .user-image { + width: 48px; + height: 48px; +} + +header .user-image img { + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; +} + +header form { + position: relative; +} + +header form .header__Search-input { + position: absolute; + top: 50%; + right: 40px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 16px; + padding: 6px 0px; + padding-left: 20px; + border-radius: 4px; + border: 1px solid rgba(144, 143, 165, 0.4); + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + width: 0px; + opacity: 0; + pointer-events: none; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +header form .header__Search-input.appear { + width: 195px; + opacity: 1; + pointer-events: all; +} + +header form .header__Search-input::-webkit-input-placeholder { + font-size: 14px; +} + +header form .header__Search-input::-moz-placeholder { + font-size: 14px; +} + +header form .header__Search-input:-ms-input-placeholder { + font-size: 14px; +} + +header form .header__Search-input::-ms-input-placeholder { + font-size: 14px; +} + +header form .header__Search-input::placeholder { + font-size: 14px; +} + +header form .header__Search-button { + padding: 8px; + margin-right: 0px; +} + +header form .header__Search-button.appear { + background-color: #2493ff !important; +} + +header #search-nav.appear { + background-color: #42414b !important; +} .nav-shadow { -webkit-box-shadow: 0px 10px 16px rgba(9, 8, 78, 0.05); - box-shadow: 0px 10px 16px rgba(9, 8, 78, 0.05); } + box-shadow: 0px 10px 16px rgba(9, 8, 78, 0.05); +} @media (max-width: 1199px) { header .navbar { - padding: 15px 0px; } + padding: 15px 0px; + } + header .navbar-collapse { - padding-bottom: 30px; } + padding-bottom: 30px; + } + header .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - header .navbar-nav .nav-item { - margin-right: 30px; } - header .navbar-nav .nav-item a::after { - bottom: auto; - top: 0px; } + -ms-flex-pack: center; + justify-content: center; + } + + header .navbar-nav .nav-item { + margin-right: 30px; + } + + header .navbar-nav .nav-item a::after { + bottom: auto; + top: 0px; + } + header .rightContent { -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } + -ms-flex-pack: justify; + justify-content: space-between; + } + header .navbar-nav .nav-item--dropdown { - top: 100%; } } + top: 100%; + } +} @media (min-width: 992px) and (max-width: 1199px) { - header .rightContent.appear a:nth-child(3), header .rightContent.appear a:nth-child(4) { - display: none; } + + header .rightContent.appear a:nth-child(3), + header .rightContent.appear a:nth-child(4) { + display: none; + } + header .rightContent .btn-active { - margin-left: 5px !important; } } + margin-left: 5px !important; + } +} @media screen and (max-width: 991px) { header { - position: relative; } - header .navbar-nav .nav-item .nav-link { - padding: 15px 0 !important; } + position: relative; + } + + header .navbar-nav .nav-item .nav-link { + padding: 15px 0 !important; + } + header .navbar-nav.menuList { - margin-right: 0px !important; } + margin-right: 0px !important; + } + header form .header__Search-input { - margin-top: 1px; } + margin-top: 1px; + } + header .rightContent { position: relative; -webkit-transition: all 0.2s linear; - transition: all 0.2s linear; } - header .rightContent.appear { - margin-left: 195px; } } + transition: all 0.2s linear; + } + + header .rightContent.appear { + margin-left: 195px; + } +} @media (max-width: 767px) { header { - position: relative; } + position: relative; + } + header .navbar-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-top: 15px; } + -ms-flex-direction: column; + flex-direction: column; + margin-top: 15px; + } + header .navbar-nav .nav-item { - margin-right: 0px; } + margin-right: 0px; + } + header .navbar-nav .nav-item .nav-link span { position: absolute; - right: 0px; } } + right: 0px; + } +} @media (min-width: 320px) and (max-width: 574px) { header form .header__Search-input { width: 260px; - height: 0px; } - header form .header__Search-input.appear { - width: 260px; - height: 40px; } + height: 0px; + } + + header form .header__Search-input.appear { + width: 260px; + height: 40px; + } + header .rightContent { -webkit-box-pack: center !important; -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; } - header .rightContent.rightContent-2.appear { - margin-left: 275px; } - header .rightContent.appear { - margin-left: 255px; } + -ms-flex-pack: center !important; + justify-content: center !important; + } + + header .rightContent.rightContent-2.appear { + margin-left: 275px; + } + + header .rightContent.appear { + margin-left: 255px; + } + header .rightContent .btn { - padding: 12px 15px; } } + padding: 12px 15px; + } +} .banner { min-height: 1117px; background-position: bottom center; - background-repeat: no-repeat; } - .banner__wrapper { - padding-top: 180px; } - .banner__wrapper h1, .banner__wrapper .h1 { - color: #35343e; - max-width: 85%; - margin-bottom: 20px; } - .banner__wrapper p { - color: #666575; - font-size: 20px; - line-height: 1.25; - max-width: 70%; } - .banner__wrapper_search { - max-width: 743px; - margin-top: 40px; - position: relative; - z-index: 9; } - .banner__img { - margin-top: 148px; - width: 470px; - height: 540px; - margin-left: -80px; - position: relative; - z-index: 5; } - .banner__img img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 10px 10px 0 10px; } - .banner__img .dots { - position: absolute; - top: -110px; - left: -40px; - z-index: -1; } - .banner__img::after { - width: 349px; - height: 208px; - content: ''; - position: absolute; - top: -60px; - right: -60px; - z-index: -1; - background-color: white; - -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 17% 100%); - clip-path: polygon(0 0, 100% 0, 100% 100%, 17% 100%); - border-radius: 12px; } - .banner__img::before { - content: ''; - position: absolute; - bottom: -55px; - right: -35px; - width: 410px; - height: 377px; - border-radius: 10px; - border: 4px solid #1089ff; - z-index: -1; } + background-repeat: no-repeat; +} + +.banner__wrapper { + padding-top: 180px; +} + +.banner__wrapper h1, +.banner__wrapper .h1 { + color: #35343e; + max-width: 85%; + margin-bottom: 20px; +} + +.banner__wrapper p { + color: #666575; + font-size: 20px; + line-height: 1.25; + max-width: 70%; +} + +.banner__wrapper_search { + max-width: 743px; + margin-top: 40px; + position: relative; + z-index: 9; +} + +.banner__img { + margin-top: 148px; + width: 470px; + height: 540px; + margin-left: -80px; + position: relative; + z-index: 5; +} + +.banner__img img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 10px 10px 0 10px; +} + +.banner__img .dots { + position: absolute; + top: -110px; + left: -40px; + z-index: -1; +} + +.banner__img::after { + width: 349px; + height: 208px; + content: ''; + position: absolute; + top: -60px; + right: -60px; + z-index: -1; + background-color: white; + -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 17% 100%); + clip-path: polygon(0 0, 100% 0, 100% 100%, 17% 100%); + border-radius: 12px; +} + +.banner__img::before { + content: ''; + position: absolute; + bottom: -55px; + right: -35px; + width: 410px; + height: 377px; + border-radius: 10px; + border: 4px solid #1089ff; + z-index: -1; +} + +.banner-two { + -webkit-clip-path: ellipse(100% 100% at 50% 0%); + clip-path: ellipse(100% 100% at 50% 0%); + padding-top: 150px; + padding-bottom: 350px; + background-color: rgba(235, 235, 242, 0.55); +} + +@media (max-width: 991px) { .banner-two { - -webkit-clip-path: ellipse(100% 100% at 50% 0%); - clip-path: ellipse(100% 100% at 50% 0%); - padding-top: 150px; - padding-bottom: 350px; - background-color: rgba(235, 235, 242, 0.55); } - @media (max-width: 991px) { - .banner-two { - padding: 90px 0px; } } - @media (max-width: 991px) { - .banner-two-end .image { - margin-bottom: 30px; } } + padding: 90px 0px; + } +} + +@media (max-width: 991px) { + .banner-two-end .image { + margin-bottom: 30px; + } +} /*------------------------*/ /*-------RESPOSIVE---------*/ /*-------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { .banner { - min-height: 891px; } - .banner__wrapper { - padding-top: 150px; } - .banner__wrapper h1, .banner__wrapper .h1 { - max-width: 100%; - margin-bottom: 20px; } - .banner__wrapper p { - font-size: 18px; - max-width: 100%; } - .banner__wrapper_search { - margin-top: 30px; } - .banner__wrapper_title { - max-width: 70%; } - .banner__img { - margin-top: 100px; - width: 390px; - height: 480px; } - .banner__img .dots { - display: none; } - .banner__img::after { - display: none; } - .banner__img::before { - display: none; } } + min-height: 891px; + } + + .banner__wrapper { + padding-top: 150px; + } + + .banner__wrapper h1, + .banner__wrapper .h1 { + max-width: 100%; + margin-bottom: 20px; + } + + .banner__wrapper p { + font-size: 18px; + max-width: 100%; + } + + .banner__wrapper_search { + margin-top: 30px; + } + + .banner__wrapper_title { + max-width: 70%; + } + + .banner__img { + margin-top: 100px; + width: 390px; + height: 480px; + } + + .banner__img .dots { + display: none; + } + + .banner__img::after { + display: none; + } + + .banner__img::before { + display: none; + } +} @media (max-width: 991px) { .banner-two-start { - text-align: left; } + text-align: left; + } + .banner-two-end { - z-index: 0 !important; } + z-index: 0 !important; + } + .banner-two-end .image img { - height: 450px; } } + height: 450px; + } +} @media (min-width: 768px) and (max-width: 991px) { .banner { background-image: none !important; background-color: rgba(235, 235, 242, 0.5); - padding-bottom: 70px; } - .banner__wrapper { - padding-top: 120px; } - .banner__wrapper h1, .banner__wrapper .h1 { - max-width: 100%; - margin-bottom: 20px; } - .banner__wrapper p { - font-size: 18px; - min-width: 100%; } - .banner__img { - margin: auto; - margin-top: 160px; } } + padding-bottom: 70px; + } + + .banner__wrapper { + padding-top: 120px; + } + + .banner__wrapper h1, + .banner__wrapper .h1 { + max-width: 100%; + margin-bottom: 20px; + } + + .banner__wrapper p { + font-size: 18px; + min-width: 100%; + } + + .banner__img { + margin: auto; + margin-top: 160px; + } +} @media (max-width: 767px) { .banner-two-end .image img { -o-object-fit: cover; - object-fit: cover; } + object-fit: cover; + } + .banner-three-content { - height: 100vh !important; } + height: 100vh !important; + } + .banner-three { -webkit-clip-path: none !important; - clip-path: none !important; } + clip-path: none !important; + } + .banner-two-start p { font-size: 14px !important; - line-height: 24px !important; } } + line-height: 24px !important; + } +} @media (max-width: 767px) { .banner-two-end .image img { height: 350px; - width: 350px; } } + width: 350px; + } +} @media (min-width: 575px) and (max-width: 767px) { .banner { min-height: 1030px; background-image: none !important; - background-color: rgba(235, 235, 242, 0.5); } - .banner__wrapper { - padding-top: 100px; } - .banner__wrapper h1, .banner__wrapper .h1 { - max-width: 100%; - margin-bottom: 15px; - font-size: 45px; } - .banner__wrapper p { - font-size: 16px; - min-width: 100%; } - .banner__wrapper_search { - margin-top: 30px; } - .banner__wrapper_search .search__item input::-webkit-input-placeholder { - font-size: 12px; } - .banner__wrapper_search .search__item input::-moz-placeholder { - font-size: 12px; } - .banner__wrapper_search .search__item input:-ms-input-placeholder { - font-size: 12px; } - .banner__wrapper_search .search__item input::-ms-input-placeholder { - font-size: 12px; } - .banner__wrapper_search .search__item input::placeholder { - font-size: 12px; } - .banner__img { - margin: auto; - margin-top: 160px; - width: 400px; - height: 452px; } } + background-color: rgba(235, 235, 242, 0.5); + } + + .banner__wrapper { + padding-top: 100px; + } + + .banner__wrapper h1, + .banner__wrapper .h1 { + max-width: 100%; + margin-bottom: 15px; + font-size: 45px; + } + + .banner__wrapper p { + font-size: 16px; + min-width: 100%; + } + + .banner__wrapper_search { + margin-top: 30px; + } + + .banner__wrapper_search .search__item input::-webkit-input-placeholder { + font-size: 12px; + } + + .banner__wrapper_search .search__item input::-moz-placeholder { + font-size: 12px; + } + + .banner__wrapper_search .search__item input:-ms-input-placeholder { + font-size: 12px; + } + + .banner__wrapper_search .search__item input::-ms-input-placeholder { + font-size: 12px; + } + + .banner__wrapper_search .search__item input::placeholder { + font-size: 12px; + } + + .banner__img { + margin: auto; + margin-top: 160px; + width: 400px; + height: 452px; + } +} @media (min-width: 420px) and (max-width: 574px) { .banner { min-height: 880px; background-image: none !important; - background-color: rgba(235, 235, 242, 0.5); } - .banner__wrapper { - padding-top: 100px; } - .banner__wrapper_title { - min-width: 100%; } - .banner__wrapper h1, .banner__wrapper .h1 { - max-width: 100%; - margin-bottom: 15px; - font-size: 28px; } - .banner__wrapper p { - font-size: 14px; - min-width: 100%; } - .banner__wrapper_search { - margin-top: 30px; } - .banner__wrapper_search .search__item input::-webkit-input-placeholder { - font-size: 12px; } - .banner__wrapper_search .search__item input::-moz-placeholder { - font-size: 12px; } - .banner__wrapper_search .search__item input:-ms-input-placeholder { - font-size: 12px; } - .banner__wrapper_search .search__item input::-ms-input-placeholder { - font-size: 12px; } - .banner__wrapper_search .search__item input::placeholder { - font-size: 12px; } - .banner__wrapper_search .search__select .nice-select { - font-size: 12px; } - .banner__wrapper_title { - max-width: 70%; } - .banner__img { - margin: auto; - margin-top: 100px; - width: 385px; - height: 417px; } - .banner__img .dots { - display: none; } - .banner__img::after { - display: none; } - .banner__img::before { - display: none; } } + background-color: rgba(235, 235, 242, 0.5); + } + + .banner__wrapper { + padding-top: 100px; + } + + .banner__wrapper_title { + min-width: 100%; + } + + .banner__wrapper h1, + .banner__wrapper .h1 { + max-width: 100%; + margin-bottom: 15px; + font-size: 28px; + } + + .banner__wrapper p { + font-size: 14px; + min-width: 100%; + } + + .banner__wrapper_search { + margin-top: 30px; + } + + .banner__wrapper_search .search__item input::-webkit-input-placeholder { + font-size: 12px; + } + + .banner__wrapper_search .search__item input::-moz-placeholder { + font-size: 12px; + } + + .banner__wrapper_search .search__item input:-ms-input-placeholder { + font-size: 12px; + } + + .banner__wrapper_search .search__item input::-ms-input-placeholder { + font-size: 12px; + } + + .banner__wrapper_search .search__item input::placeholder { + font-size: 12px; + } + + .banner__wrapper_search .search__select .nice-select { + font-size: 12px; + } + + .banner__wrapper_title { + max-width: 70%; + } + + .banner__img { + margin: auto; + margin-top: 100px; + width: 385px; + height: 417px; + } + + .banner__img .dots { + display: none; + } + + .banner__img::after { + display: none; + } + + .banner__img::before { + display: none; + } +} @media (min-width: 320px) and (max-width: 574px) { .banner-two-start p { - margin-right: 0px; } + margin-right: 0px; + } + .banner-two-end .image { -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } + -ms-flex-pack: start; + justify-content: flex-start; + } + .banner-two-end .image img { - height: auto; } + height: auto; + } + .banner-two-end { - z-index: 0 !important; } - .banner-two-start h1, .banner-two-start .h1, + z-index: 0 !important; + } + + .banner-two-start h1, + .banner-two-start .h1, .banner-two-start p { - text-align: left; } } + text-align: left; + } +} .join { padding-top: 205px; - padding-bottom: 195px; } - @media (max-width: 767px) { - .join { - padding-top: 160px; - padding-bottom: 120px; } } - .join__overlay-img { - position: absolute; - pointer-events: none; } - .join__overlay-img img { - position: relative; - z-index: 1; } - .join__overlay-img span { - position: absolute; - width: 100%; - height: 100%; - z-index: -1; - -webkit-animation: circle 3s linear infinite; - animation: circle 3s linear infinite; } - .join__overlay-img--3, .join__overlay-img--4, .join__overlay-img--7, .join__overlay-img--8, .join__overlay-img--10, .join__overlay-img--15 { - -webkit-animation: circle 3s linear infinite; - animation: circle 3s linear infinite; } - .join__overlay-img--3 { - animation-direction: alternate-reverse; } - .join__overlay-img--1 { - bottom: 94px; - left: 283px; } - .join__overlay-img--1 span { - margin-left: -30px; } - .join__overlay-img--2 { - bottom: 274px; - left: 227px; } - .join__overlay-img--2 span { - left: -23px; - bottom: 24px; } - .join__overlay-img--3 { - top: 78px; - left: 700px; } - .join__overlay-img--4 { - right: 121px; - top: 257px; - -webkit-animation: circle 3s linear infinite; - animation: circle 3s linear infinite; } - .join__overlay-img--5 { - top: 78px; - right: 254px; } - .join__overlay-img--6 { - top: 84px; - right: 90px; } - .join__overlay-img--7 { - bottom: 60px; - right: 140px; } - .join__overlay-img--8 { - bottom: 180px; - left: 65px; } - .join__overlay-img--9 { - top: 1024px; - left: 136px; - display: none; } - .join__overlay-img--10 { - bottom: 100px; - left: 474px; } - .join__overlay-img--11 { - left: 404px; - bottom: 320px; } - .join__overlay-img--12 { - right: 87px; - bottom: 175px; } - .join__overlay-img--13 { - right: 236px; - top: 300px; } - .join__overlay-img--14 { - right: 371px; - bottom: 194px; } - .join__overlay-img--15 { - right: 510px; - bottom: 88px; } - .join__overlay-img--16 { - right: 354px; - top: 126px; } - .join__overlay-img--17 { - bottom: 58px; - left: 729px; } - .join__overlay-img--18 { - top: 73px; - left: 374px; } - .join__overlay-img--19 { - top: 102px; - left: 136px; } - .join h2, .join .h2 { - font-size: 40px; - font-weight: 600; - line-height: 50px; - margin-bottom: 16px; } - @media (max-width: 767px) { - .join h2, .join .h2 { - font-size: 32px; - line-height: 42px; } } + padding-bottom: 195px; +} + +@media (max-width: 767px) { + .join { + padding-top: 160px; + padding-bottom: 120px; + } +} + +.join__overlay-img { + position: absolute; + pointer-events: none; +} + +.join__overlay-img img { + position: relative; + z-index: 1; +} + +.join__overlay-img span { + position: absolute; + width: 100%; + height: 100%; + z-index: -1; + -webkit-animation: circle 3s linear infinite; + animation: circle 3s linear infinite; +} + +.join__overlay-img--3, +.join__overlay-img--4, +.join__overlay-img--7, +.join__overlay-img--8, +.join__overlay-img--10, +.join__overlay-img--15 { + -webkit-animation: circle 3s linear infinite; + animation: circle 3s linear infinite; +} + +.join__overlay-img--3 { + animation-direction: alternate-reverse; +} + +.join__overlay-img--1 { + bottom: 94px; + left: 283px; +} + +.join__overlay-img--1 span { + margin-left: -30px; +} + +.join__overlay-img--2 { + bottom: 274px; + left: 227px; +} + +.join__overlay-img--2 span { + left: -23px; + bottom: 24px; +} + +.join__overlay-img--3 { + top: 78px; + left: 700px; +} + +.join__overlay-img--4 { + right: 121px; + top: 257px; + -webkit-animation: circle 3s linear infinite; + animation: circle 3s linear infinite; +} + +.join__overlay-img--5 { + top: 78px; + right: 254px; +} + +.join__overlay-img--6 { + top: 84px; + right: 90px; +} + +.join__overlay-img--7 { + bottom: 60px; + right: 140px; +} + +.join__overlay-img--8 { + bottom: 180px; + left: 65px; +} + +.join__overlay-img--9 { + top: 1024px; + left: 136px; + display: none; +} + +.join__overlay-img--10 { + bottom: 100px; + left: 474px; +} + +.join__overlay-img--11 { + left: 404px; + bottom: 320px; +} + +.join__overlay-img--12 { + right: 87px; + bottom: 175px; +} + +.join__overlay-img--13 { + right: 236px; + top: 300px; +} + +.join__overlay-img--14 { + right: 371px; + bottom: 194px; +} + +.join__overlay-img--15 { + right: 510px; + bottom: 88px; +} + +.join__overlay-img--16 { + right: 354px; + top: 126px; +} + +.join__overlay-img--17 { + bottom: 58px; + left: 729px; +} + +.join__overlay-img--18 { + top: 73px; + left: 374px; +} + +.join__overlay-img--19 { + top: 102px; + left: 136px; +} + +.join h2, +.join .h2 { + font-size: 40px; + font-weight: 600; + line-height: 50px; + margin-bottom: 16px; +} + +@media (max-width: 767px) { + + .join h2, + .join .h2 { + font-size: 32px; + line-height: 42px; + } +} + +.join p { + font-size: 18px; + line-height: 27px; + color: #666575; +} + +@media (max-width: 991px) { .join p { - font-size: 18px; - line-height: 27px; - color: #666575; } - @media (max-width: 991px) { - .join p { - margin-bottom: 30px; } } + margin-bottom: 30px; + } +} @media (max-width: 1200px) { .join__overlay-img--2 { bottom: 274px; - left: 135px; } - .join__overlay-img--2 span { - left: -23px; - bottom: 24px; } + left: 135px; + } + + .join__overlay-img--2 span { + left: -23px; + bottom: 24px; + } + .join__overlay-img--6 { top: 36px; - right: 30px; } + right: 30px; + } + .join__overlay-img--7 { bottom: 60px; - right: 140px; } + right: 140px; + } + .join__overlay-img--8 { bottom: 65px; - left: 65px; } + left: 65px; + } + .join__overlay-img--9 { top: 1024px; - left: 136px; } + left: 136px; + } + .join__overlay-img--10 { bottom: 30px; - left: 474px; } + left: 474px; + } + .join__overlay-img--11 { left: 405px; - bottom: 195px; } + bottom: 195px; + } + .join__overlay-img--12 { right: 30px; - bottom: 175px; } + bottom: 175px; + } + .join__overlay-img--13 { right: 165px; - top: 230px; } + top: 230px; + } + .join__overlay-img--14 { right: 265px; - bottom: 194px; } + bottom: 194px; + } + .join__overlay-img--15 { - right: 425px; } + right: 425px; + } + .join__overlay-img--16 { right: 354px; - top: 60px; } + top: 60px; + } + .join__overlay-img--17 { bottom: 58px; - left: 729px; } + left: 729px; + } + .join__overlay-img--18 { top: 73px; - left: 374px; } + left: 374px; + } + .join__overlay-img--19 { top: 30px; - left: 30px; } } + left: 30px; + } +} @media (max-width: 1199px) { - .join__overlay-img--1, .join__overlay-img--7, .join__overlay-img--10, .join__overlay-img--11, .join__overlay-img--14, .join__overlay-img--16, .join__overlay-img--17, .join__overlay-img--18 { - display: none; } } + + .join__overlay-img--1, + .join__overlay-img--7, + .join__overlay-img--10, + .join__overlay-img--11, + .join__overlay-img--14, + .join__overlay-img--16, + .join__overlay-img--17, + .join__overlay-img--18 { + display: none; + } +} @media (min-width: 1024px) and (max-width: 1366px) { .join__overlay-img--11 { - display: none; } } + display: none; + } +} @media (min-width: 992px) and (max-width: 1199px) { .join__overlay-img--2 { - left: 75px; } - .join__overlay-img--2 span { - left: auto; - right: -55px; } + left: 75px; + } + + .join__overlay-img--2 span { + left: auto; + right: -55px; + } + .join__overlay-img--4 { right: 85px; - top: 265px; } + top: 265px; + } + .join__overlay-img--6 { top: 30px; - right: 185px; } + right: 185px; + } + .join__overlay-img--12 { - bottom: 65px; } + bottom: 65px; + } + .join__overlay-img--13 { right: 85px; - top: 270px; } + top: 270px; + } + .join__overlay-img--15 { right: 185px; - bottom: 130px; } } + bottom: 130px; + } +} @media (max-width: 991px) { - .join__overlay-img--5, .join__overlay-img--6, .join__overlay-img--19 { - display: none; } } + + .join__overlay-img--5, + .join__overlay-img--6, + .join__overlay-img--19 { + display: none; + } +} @media (min-width: 768px) and (max-width: 991px) { .join__overlay-img--2 { top: 30px; - left: 35px; } + left: 35px; + } + .join__overlay-img--3 { top: 40px; - left: 595px; } + left: 595px; + } + .join__overlay-img--4 { top: auto; bottom: 30px; - right: 10px; } + right: 10px; + } + .join__overlay-img--8 { -webkit-animation: stop; - animation: stop; } + animation: stop; + } + .join__overlay-img--12 { - bottom: 60px; } + bottom: 60px; + } + .join__overlay-img--13 { top: 60px; - right: 165px; } + right: 165px; + } + .join__overlay-img--15 { right: auto; left: 120px; - bottom: 85px; } } + bottom: 85px; + } +} @media (max-width: 767px) { .join { - overflow: hidden; } - .join__overlay-img--2, .join__overlay-img--12 { - display: none; } - .join__overlay-img--4 { - right: auto; - left: 30px; - top: 30px; } - .join__overlay-img--8 { - left: auto; - right: 30px; } - .join__overlay-img--13 { - top: 60px; - right: auto; - left: 30px; } - .join p { - font-size: 14px; - line-height: 24px; } } + overflow: hidden; + } + + .join__overlay-img--2, + .join__overlay-img--12 { + display: none; + } + + .join__overlay-img--4 { + right: auto; + left: 30px; + top: 30px; + } + + .join__overlay-img--8 { + left: auto; + right: 30px; + } + + .join__overlay-img--13 { + top: 60px; + right: auto; + left: 30px; + } + + .join p { + font-size: 14px; + line-height: 24px; + } +} .hero { - overflow: hidden; } - .hero__img-content { - position: relative; } - .hero__img-content--main img { - border-radius: 15px; - position: relative; - z-index: 1; } - .hero__img-content--shape-01, .hero__img-content--shape-02, .hero__img-content--shape-03 { - position: absolute; - pointer-events: none; } - .hero__content-info h2, .hero__content-info .h2 { - margin-bottom: 12px !important; } - .hero__content-info > p { - color: #8f8fa3; - font-size: 16px; - line-height: 24px; - margin-bottom: 18px; - font-weight: 400 !important; } - .hero__content-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .hero__content-location li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-right: 36px; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - @media (max-width: 1200px) { - .hero__content-location li { - margin-right: 16px; - margin-bottom: 16px; } } - .hero__content-location li:nth-last-child(1) { - margin-right: 0px; } - .hero__content-location li span { - width: 48px; - height: 48px; - border-radius: 4px; - margin-right: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .hero__content-location li p { - font-size: 18px; - line-height: 27px; - color: #666575; - font-weight: 400 !important; } - .hero__content-location li:nth-child(1) span { - background: rgba(0, 175, 145, 0.1); } - .hero__content-location li:nth-child(1) span svg { - color: #00af91; } - .hero__content-location li:nth-child(2) span { - background: rgba(255, 122, 26, 0.1); } - .hero__content-location li:nth-child(2) span svg { - color: #ff7a1a; } - .hero__content-location li:nth-child(3) span { - background: rgba(16, 137, 255, 0.1); } - .hero__content-location li:nth-child(3) span svg { - color: #1089ff; } - .hero__content-location li:hover span svg { - color: #fff; } - .hero__content-location li:hover:nth-child(1) span { - background-color: #00af91; } - .hero__content-location li:hover:nth-child(2) span { - background-color: #ff7a1a; } - .hero__content-location li:hover:nth-child(3) span { - background-color: #1089ff; } - .hero__dots-info li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .hero__dots-info li span { - width: 8px; - height: 8px; - display: inline-block; - border-radius: 50%; - background-color: #1089ff; - margin-right: 12px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; } - .hero__dots-info li p { - font-size: 18px; - line-height: 27px; - color: #666575; } - .hero--one { - padding-top: 118px; - padding-bottom: 190px; } - .hero--one .hero__img-content { - margin-left: 45px; } - .hero--one .hero__img-content--shape-01 { - top: 125px; - left: -100px; } - .hero--one .hero__img-content--shape-02 { - right: 45px; - bottom: -50px; } - .hero--two .hero__content-info p { - margin-bottom: 0px; } - .hero--two .hero__img-content { - margin-left: 75px; } - .hero--two .hero__img-content--shape-01 { - left: -55px; - bottom: -35px; } - .hero--two .hero__img-content--shape-02 { - right: 5px; - bottom: -95px; } - .hero--three .hero__img-content { - margin-left: 75px; } - .hero--three .hero__img-content--shape-01 { - top: -50px; - left: -50px; } - .hero--three .hero__img-content--shape-02 { - right: -40px; - bottom: -60px; } - .hero--four { - padding-bottom: 150px; } - .hero--four .hero__img-content { - margin-left: 65px; } - .hero--four .hero__img-content--shape-01 { - top: -50px; - left: -50px; } - .hero--four .hero__img-content--shape-02 { - right: 35px; - bottom: -65px; } - .hero--four .hero__img-content--shape-03 { - position: absolute; - bottom: -30px; - left: -22px; } - @media (min-width: 1200px) { - .hero--five-p { - padding: 130px 0px; } } - .hero--five .hero__content-info h2, .hero--five .hero__content-info .h2 { - margin-bottom: 0px !important; } - .hero--five .hero__content-info span { - font-size: 27px; - line-height: 33.75px; - color: #202029; - display: inline-block; - margin-bottom: 20px; } - .hero--five .hero__content-info p { - margin-bottom: 0px; } - .hero--five .hero__img-content--shape-01 { - top: 45px; - left: -120px; } - .hero--five .hero__img-content--shape-02 { - top: -55px; - right: -12px; } - .hero--five .hero__img-content--shape-03 { - position: absolute; - bottom: -30px; - left: -40px; } + overflow: hidden; +} + +.hero__img-content { + position: relative; +} + +.hero__img-content--main img { + border-radius: 15px; + position: relative; + z-index: 1; +} + +.hero__img-content--shape-01, +.hero__img-content--shape-02, +.hero__img-content--shape-03 { + position: absolute; + pointer-events: none; +} + +.hero__content-info h2, +.hero__content-info .h2 { + margin-bottom: 12px !important; +} + +.hero__content-info>p { + color: #8f8fa3; + font-size: 16px; + line-height: 24px; + margin-bottom: 18px; + font-weight: 400 !important; +} + +.hero__content-location { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.hero__content-location li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-right: 36px; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} + +@media (max-width: 1200px) { + .hero__content-location li { + margin-right: 16px; + margin-bottom: 16px; + } +} + +.hero__content-location li:nth-last-child(1) { + margin-right: 0px; +} + +.hero__content-location li span { + width: 48px; + height: 48px; + border-radius: 4px; + margin-right: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.hero__content-location li p { + font-size: 18px; + line-height: 27px; + color: #666575; + font-weight: 400 !important; +} + +.hero__content-location li:nth-child(1) span { + background: rgba(0, 175, 145, 0.1); +} + +.hero__content-location li:nth-child(1) span svg { + color: #00af91; +} + +.hero__content-location li:nth-child(2) span { + background: rgba(255, 122, 26, 0.1); +} + +.hero__content-location li:nth-child(2) span svg { + color: #ff7a1a; +} + +.hero__content-location li:nth-child(3) span { + background: rgba(16, 137, 255, 0.1); +} + +.hero__content-location li:nth-child(3) span svg { + color: #1089ff; +} + +.hero__content-location li:hover span svg { + color: #fff; +} + +.hero__content-location li:hover:nth-child(1) span { + background-color: #00af91; +} + +.hero__content-location li:hover:nth-child(2) span { + background-color: #ff7a1a; +} + +.hero__content-location li:hover:nth-child(3) span { + background-color: #1089ff; +} + +.hero__dots-info li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.hero__dots-info li span { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 50%; + background-color: #1089ff; + margin-right: 12px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.hero__dots-info li p { + font-size: 18px; + line-height: 27px; + color: #666575; +} + +.hero--one { + padding-top: 118px; + padding-bottom: 190px; +} + +.hero--one .hero__img-content { + margin-left: 45px; +} + +.hero--one .hero__img-content--shape-01 { + top: 125px; + left: -100px; +} + +.hero--one .hero__img-content--shape-02 { + right: 45px; + bottom: -50px; +} + +.hero--two .hero__content-info p { + margin-bottom: 0px; +} + +.hero--two .hero__img-content { + margin-left: 75px; +} + +.hero--two .hero__img-content--shape-01 { + left: -55px; + bottom: -35px; +} + +.hero--two .hero__img-content--shape-02 { + right: 5px; + bottom: -95px; +} + +.hero--three .hero__img-content { + margin-left: 75px; +} + +.hero--three .hero__img-content--shape-01 { + top: -50px; + left: -50px; +} + +.hero--three .hero__img-content--shape-02 { + right: -40px; + bottom: -60px; +} + +.hero--four { + padding-bottom: 150px; +} + +.hero--four .hero__img-content { + margin-left: 65px; +} + +.hero--four .hero__img-content--shape-01 { + top: -50px; + left: -50px; +} + +.hero--four .hero__img-content--shape-02 { + right: 35px; + bottom: -65px; +} + +.hero--four .hero__img-content--shape-03 { + position: absolute; + bottom: -30px; + left: -22px; +} + +@media (min-width: 1200px) { + .hero--five-p { + padding: 130px 0px; + } +} + +.hero--five .hero__content-info h2, +.hero--five .hero__content-info .h2 { + margin-bottom: 0px !important; +} + +.hero--five .hero__content-info span { + font-size: 27px; + line-height: 33.75px; + color: #202029; + display: inline-block; + margin-bottom: 20px; +} + +.hero--five .hero__content-info p { + margin-bottom: 0px; +} + +.hero--five .hero__img-content--shape-01 { + top: 45px; + left: -120px; +} + +.hero--five .hero__img-content--shape-02 { + top: -55px; + right: -12px; +} + +.hero--five .hero__img-content--shape-03 { + position: absolute; + bottom: -30px; + left: -40px; +} /*------------------------*/ /*------- Responsive ---------*/ /*-------------------------*/ @media (max-width: 1200px) { .hero--one { - padding: 100px 0px; } } + padding: 100px 0px; + } +} @media (max-width: 1024px) { + .hero--one .hero__img-content--shape-01, .hero--one .hero__img-content--shape-02, .hero--two .hero__img-content--shape-01, .hero--two .hero__img-content--shape-02, .hero--four .hero__img-content--shape-01, .hero--four .hero__img-content--shape-02 { - height: 250px; } + height: 250px; + } + .hero--three .hero__img-content--shape-02 { - height: 150px; } } + height: 150px; + } +} @media (max-width: 991px) { .hero--two { - padding-bottom: 0px; } + padding-bottom: 0px; + } + .hero--four { - padding-bottom: 100px; } + padding-bottom: 100px; + } + .hero--four .hero__img-content--shape-03 { - display: none; } + display: none; + } + .hero--one .hero__img-content, .hero--two .hero__img-content, .hero--three .hero__img-content, .hero--four .hero__img-content { - margin-left: 0px; } + margin-left: 0px; + } + .hero__img-content { - margin-bottom: 30px; } - .hero__img-content--main img { - height: 350px; - -o-object-fit: contain; - object-fit: contain; } } + margin-bottom: 30px; + } + + .hero__img-content--main img { + height: 350px; + -o-object-fit: contain; + object-fit: contain; + } +} @media (max-width: 767px) { .hero--four { - padding-bottom: 60px; } + padding-bottom: 60px; + } + .hero__dots-info li { - margin-bottom: 6px; } - .hero__dots-info li span { - margin-right: 0px; } - .hero__dots-info li p { - font-size: 18px; - margin-left: 15px; - font-weight: 300; } + margin-bottom: 6px; + } + + .hero__dots-info li span { + margin-right: 0px; + } + + .hero__dots-info li p { + font-size: 18px; + margin-left: 15px; + font-weight: 300; + } + .hero--one { - padding: 60px 0px; } - .hero__content-info h2, .hero__content-info .h2 { - margin-bottom: 15px !important; } + padding: 60px 0px; + } + + .hero__content-info h2, + .hero__content-info .h2 { + margin-bottom: 15px !important; + } + .hero--five .hero__content-info span { font-size: 18px; line-height: 28px; - margin-bottom: 15px; } } + margin-bottom: 15px; + } +} @media (min-width: 575px) and (max-width: 1024px) { .hero--one .hero__img-content--shape-01 { top: 0px; left: auto; right: 250px; - height: 250px; } + height: 250px; + } + .hero--one .hero__img-content--shape-02 { height: 250px; right: auto; bottom: -25px; - left: 75px; } + left: 75px; + } + .hero--two .hero__content-info p { - margin-bottom: 0px; } + margin-bottom: 0px; + } + .hero--two .hero__img-content--shape-01 { left: 35px; - bottom: -20px; } + bottom: -20px; + } + .hero--two .hero__img-content--shape-02 { right: auto; bottom: 110px; left: 45px; -webkit-transform: rotate(90deg); - transform: rotate(90deg); } + transform: rotate(90deg); + } + .hero--three .hero__img-content--shape-01 { top: auto; bottom: -15px; - left: 50px; } + left: 50px; + } + .hero--three .hero__img-content--shape-02 { right: auto; left: 60px; bottom: auto; - top: -30px; } + top: -30px; + } + .hero--four .hero__img-content--shape-01 { top: auto; bottom: -15px; - left: 75px; } + left: 75px; + } + .hero--four .hero__img-content--shape-02 { bottom: 150px; right: auto; - left: 170px; } + left: 170px; + } + .hero--four .hero__img-content--shape-03 { bottom: auto; left: -30px; - top: -25px; } + top: -25px; + } + .hero--five .hero__img-content--shape-01 { - left: -30px; } + left: -30px; + } + .hero--five .hero__img-content--shape-02 { right: auto; left: 225px; - top: -35px; } + top: -35px; + } + .hero--five .hero__img-content--shape-03 { bottom: -15px; - left: 50px; } } + left: 50px; + } +} @media (max-width: 574px) { + .hero--one .hero__img-content--shape-01, .hero--one .hero__img-content--shape-02, .hero--two .hero__img-content--shape-01, @@ -14031,190 +20089,287 @@ @media (max-width: 574px) { .hero--four .hero__img-content--shape-03, .hero--five .hero__img-content--shape-02, .hero--five .hero__img-content--shape-03 { - display: none; } - .hero__content-info > p { - margin-bottom: 15px; } + display: none; + } + + .hero__content-info>p { + margin-bottom: 15px; + } + .hero__img-content { - margin-bottom: 15px; } - .hero__img-content--main img { - height: auto; } + margin-bottom: 15px; + } + + .hero__img-content--main img { + height: auto; + } + .hero--five .hero__img-content--main img { - width: 450px; } } + width: 450px; + } +} .section__overlay span { position: absolute; - z-index: -1; } - .section__overlay span img { - pointer-events: none; } + z-index: -1; +} + +.section__overlay span img { + pointer-events: none; +} .section__overlay--01 { top: -10%; - left: 0; } + left: 0; +} .section__overlay--02 { right: 5%; - bottom: 10%; } + bottom: 10%; +} @media (max-width: 575px) { .section__overlay--01 { - display: none; } + display: none; + } + .section__overlay--02 { bottom: 0; - right: 0; } } + right: 0; + } +} .populercourse { padding: 100px 0; - background: #ebebf2; } - .populercourse__wrapper { - margin-bottom: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .populercourse__wrapper_list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .populercourse__wrapper_list a { - margin-left: 40px; } - .populercourse__wrapper_list ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #ffffff; } - .populercourse__wrapper_list ul li { - color: #666575; - font-size: 14px; - line-height: 1.5; - margin-right: 24px; - cursor: pointer; - padding: 10px 0; - position: relative; } - .populercourse__wrapper_list ul li:last-child { - margin-right: 0; } - .populercourse__wrapper_list ul li.active { - color: #35343e; } - .populercourse__wrapper_list ul li.active::before { - content: ''; - position: absolute; - width: 100%; - border-radius: 100px; - height: 3px; - background-color: #35343e; - left: 0; - bottom: -1px; } - .populercourse .populercourse-item .course { - margin-bottom: 50px; } + background: #ebebf2; +} + +.populercourse__wrapper { + margin-bottom: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.populercourse__wrapper_list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.populercourse__wrapper_list a { + margin-left: 40px; +} + +.populercourse__wrapper_list ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #ffffff; +} + +.populercourse__wrapper_list ul li { + color: #666575; + font-size: 14px; + line-height: 1.5; + margin-right: 24px; + cursor: pointer; + padding: 10px 0; + position: relative; +} + +.populercourse__wrapper_list ul li:last-child { + margin-right: 0; +} + +.populercourse__wrapper_list ul li.active { + color: #35343e; +} + +.populercourse__wrapper_list ul li.active::before { + content: ''; + position: absolute; + width: 100%; + border-radius: 100px; + height: 3px; + background-color: #35343e; + left: 0; + bottom: -1px; +} + +.populercourse .populercourse-item .course { + margin-bottom: 50px; +} /*------------------------*/ /*-------RESPOSIVE---------*/ /*-------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { - .populercourse__wrapper .section-title h4, .populercourse__wrapper .section-title .h4 { - font-size: 35px; } + + .populercourse__wrapper .section-title h4, + .populercourse__wrapper .section-title .h4 { + font-size: 35px; + } + .populercourse__wrapper_list a { - margin-left: 15px; } + margin-left: 15px; + } + .populercourse__wrapper_list ul li { - margin-right: 15px; } - .populercourse .course__content_title h6, .populercourse .course__content_title .h6 { - font-size: 18px; } + margin-right: 15px; + } + + .populercourse .course__content_title h6, + .populercourse .course__content_title .h6 { + font-size: 18px; + } + .populercourse .course__content_time .clock span, .populercourse .course__content_time .star span, .populercourse .course__content_time .eye span, .populercourse .course__content_time .book span { - font-size: 12px !important; } } + font-size: 12px !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .populercourse { - padding: 70px 0; } - .populercourse__wrapper { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .populercourse__wrapper .section-title h4, .populercourse__wrapper .section-title .h4 { - font-size: 35px; - margin-bottom: 20px; } - .populercourse .course__content_title h6, .populercourse .course__content_title .h6 { - font-size: 16px; - font-family: 'Poppins', sans-serif; - font-weight: 500; } } + padding: 70px 0; + } + + .populercourse__wrapper { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + + .populercourse__wrapper .section-title h4, + .populercourse__wrapper .section-title .h4 { + font-size: 35px; + margin-bottom: 20px; + } + + .populercourse .course__content_title h6, + .populercourse .course__content_title .h6 { + font-size: 16px; + font-family: 'Poppins', sans-serif; + font-weight: 500; + } +} @media (min-width: 575px) and (max-width: 767px) { .populercourse { - padding: 50px 0; } - .populercourse__wrapper { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .populercourse__wrapper .section-title h4, .populercourse__wrapper .section-title .h4 { - margin-bottom: 20px; } - .populercourse__wrapper_list a { - margin-left: 30px; } - .populercourse__wrapper_list ul li { - margin-right: 15px; } - .populercourse .course__content_title h6, .populercourse .course__content_title .h6 { - font-size: 16px; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - .populercourse .course { - margin: 0 75px; - margin-bottom: 30px !important; } } + padding: 50px 0; + } + + .populercourse__wrapper { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + + .populercourse__wrapper .section-title h4, + .populercourse__wrapper .section-title .h4 { + margin-bottom: 20px; + } + + .populercourse__wrapper_list a { + margin-left: 30px; + } + + .populercourse__wrapper_list ul li { + margin-right: 15px; + } + + .populercourse .course__content_title h6, + .populercourse .course__content_title .h6 { + font-size: 16px; + font-family: 'Poppins', sans-serif; + font-weight: 500; + } + + .populercourse .course { + margin: 0 75px; + margin-bottom: 30px !important; + } +} @media (min-width: 420px) and (max-width: 574px) { .populercourse { - padding: 50px 0; } - .populercourse__wrapper { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-bottom: 40px; } - .populercourse__wrapper .section-title h4, .populercourse__wrapper .section-title .h4 { - margin-bottom: 20px; } - .populercourse__wrapper_list { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .populercourse__wrapper_list a { - margin-left: 0px; - margin-top: 10px; } - .populercourse__wrapper_list ul li { - margin-right: 10px; } - .populercourse .course__content_title h6, .populercourse .course__content_title .h6 { - font-size: 16px; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - .populercourse .course { - margin-bottom: 30px !important; } - .populercourse .course__img img { - width: 100%; } } + padding: 50px 0; + } + + .populercourse__wrapper { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: 40px; + } + + .populercourse__wrapper .section-title h4, + .populercourse__wrapper .section-title .h4 { + margin-bottom: 20px; + } + + .populercourse__wrapper_list { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + + .populercourse__wrapper_list a { + margin-left: 0px; + margin-top: 10px; + } + + .populercourse__wrapper_list ul li { + margin-right: 10px; + } + + .populercourse .course__content_title h6, + .populercourse .course__content_title .h6 { + font-size: 16px; + font-family: 'Poppins', sans-serif; + font-weight: 500; + } + + .populercourse .course { + margin-bottom: 30px !important; + } + + .populercourse .course__img img { + width: 100%; + } +} .testimonial__item { position: relative; @@ -14222,103 +20377,152 @@ .testimonial__item { border-radius: 5px; background-color: #fff; overflow: hidden; - margin: 0px 15px; } - .testimonial__item p { - font-size: 18px; - line-height: 27px; - color: #666575; - margin-bottom: 24px; } + margin: 0px 15px; +} + +.testimonial__item p { + font-size: 18px; + line-height: 27px; + color: #666575; + margin-bottom: 24px; +} .testimonial__user-img { - margin-right: 12px; } - .testimonial__user-img img { - border-radius: 50%; } + margin-right: 12px; +} -.testimonial__user-info h6, .testimonial__user-info .h6 { +.testimonial__user-img img { + border-radius: 50%; +} + +.testimonial__user-info h6, +.testimonial__user-info .h6 { font-size: 18px; line-height: 27px; font-weight: 500; color: #202029; - font-family: 'Poppins', sans-serif; } + font-family: 'Poppins', sans-serif; +} .testimonial__item-star li { - margin-right: 5px; } - .testimonial__item-star li:nth-last-child(1) { - margin-right: 0px; } - .testimonial__item-star li svg { - color: #ff7a1a; - height: 16px; - width: 16px; } + margin-right: 5px; +} + +.testimonial__item-star li:nth-last-child(1) { + margin-right: 0px; +} + +.testimonial__item-star li svg { + color: #ff7a1a; + height: 16px; + width: 16px; +} .testimonial--two .testimonial__item { padding: 22px; - border: 1px solid #ebebf2; } - .testimonial--two .testimonial__item-star { - margin-bottom: 11px; } - .testimonial--two .testimonial__item p { - font-size: 15px; - line-height: 22.5px; - color: #8f8fa3; - font-family: 'Poppins', sans-serif; - font-weight: 400; } - .testimonial--two .testimonial__item.slick-current { - border-color: #1089ff; } + border: 1px solid #ebebf2; +} -.testimonial--two .testimonial__user-info h6, .testimonial--two .testimonial__user-info .h6 { +.testimonial--two .testimonial__item-star { + margin-bottom: 11px; +} + +.testimonial--two .testimonial__item p { + font-size: 15px; + line-height: 22.5px; + color: #8f8fa3; + font-family: 'Poppins', sans-serif; + font-weight: 400; +} + +.testimonial--two .testimonial__item.slick-current { + border-color: #1089ff; +} + +.testimonial--two .testimonial__user-info h6, +.testimonial--two .testimonial__user-info .h6 { font-size: 18px; - line-height: 27px; } + line-height: 27px; +} .testimonial.students-says .testimonial__wrapper { - margin-left: 60px; } + margin-left: 60px; +} .testimonial.students-says .testimonial__item { margin: 0px; - padding: 0px; } - .testimonial.students-says .testimonial__item p { - font-family: 'Poppins', sans-serif; - font-weight: 400; } + padding: 0px; +} + +.testimonial.students-says .testimonial__item p { + font-family: 'Poppins', sans-serif; + font-weight: 400; +} .testimonial__img { position: relative; - z-index: 1; } - .testimonial__img .dot, - .testimonial__img .rectangle, - .testimonial__img .play-video { - position: absolute; - z-index: -1; } - .testimonial__img .rectangle { - bottom: -35px; - left: -38px; } - .testimonial__img .dot { - left: -255px; - bottom: 35px; } - .testimonial__img .play-video { - top: 50%; - right: -15px; - z-index: 2; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); } - .testimonial__img .testimonial__wrapper_item-author .author__name h6, .testimonial__img .testimonial__wrapper_item-author .author__name .h6, - .testimonial__img .testimonial__wrapper_item-author .author__name .h6 { - font-size: 28px !important; - line-height: 38px !important; } - .testimonial__img .author__name { - margin-top: 15px; } + z-index: 1; +} + +.testimonial__img .dot, +.testimonial__img .rectangle, +.testimonial__img .play-video { + position: absolute; + z-index: -1; +} + +.testimonial__img .rectangle { + bottom: -35px; + left: -38px; +} + +.testimonial__img .dot { + left: -255px; + bottom: 35px; +} + +.testimonial__img .play-video { + top: 50%; + right: -15px; + z-index: 2; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.testimonial__img .testimonial__wrapper_item-author .author__name h6, +.testimonial__img .testimonial__wrapper_item-author .author__name .h6, +.testimonial__img .testimonial__wrapper_item-author .author__name .h6 { + font-size: 28px !important; + line-height: 38px !important; +} + +.testimonial__img .author__name { + margin-top: 15px; +} .testimonial__slider--three .slick-arrow { top: 100%; - margin-top: 66px; } - .testimonial__slider--three .slick-arrow--right { - right: auto; - left: 70px; } - .testimonial__slider--three .slick-arrow--left { - left: 0%; } + margin-top: 66px; +} + +.testimonial__slider--three .slick-arrow--right { + right: auto; + left: 70px; +} + +.testimonial__slider--three .slick-arrow--left { + left: 0%; +} @media (max-width: 1024px) { .testimonial.students-says .testimonial__wrapper { - margin-left: 30px; } + margin-left: 30px; + } + .students-says .testimonial__wrapper_title { - margin-bottom: 0px !important; } } + margin-bottom: 0px !important; + } +} @media (max-width: 767px) { .testimonial--one .testimonial__item { @@ -14329,136 +20533,196 @@ @media (max-width: 767px) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .testimonial--one .testimonial__item p { - font-size: 14px; - line-height: 24px; - text-align: center; - margin-top: 15px; - margin-bottom: 0px; - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; } + -ms-flex-direction: column; + flex-direction: column; + } + + .testimonial--one .testimonial__item p { + font-size: 14px; + line-height: 24px; + text-align: center; + margin-top: 15px; + margin-bottom: 0px; + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + } + .testimonial--one .testimonial__user-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; text-align: center; -webkit-box-ordinal-group: 2; -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } + -ms-flex-order: 1; + order: 1; + } + .testimonial--one .testimonial__user { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 100%; } + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + } + .testimonial--one .testimonial__item-star { -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; margin-top: 0px; - margin-left: 0px; } } + margin-left: 0px; + } +} @media (min-width: 1200px) { .testimonial__slider--one .slick-dots { - margin-top: 30px; } } + margin-top: 30px; + } +} .ourinstructor { background-color: rgba(16, 137, 255, 0.05); - padding: 100px 0; } - .ourinstructor__wrapper .slick-slide { - margin: 0 15px; } - .ourinstructor__wrapper .slick-list { - margin: 0 -15px; } + padding: 100px 0; +} + +.ourinstructor__wrapper .slick-slide { + margin: 0 15px; +} + +.ourinstructor__wrapper .slick-list { + margin: 0 -15px; +} /*------------------------*/ /*-------RESPOSIVE---------*/ /*-------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { .ourinstructor__wrapper .slider-arrows { - display: none; } } + display: none; + } +} @media (min-width: 768px) and (max-width: 991px) { .ourinstructor { - padding: 70px 0; } - .ourinstructor__wrapper .slider-arrows { - display: none; } } + padding: 70px 0; + } + + .ourinstructor__wrapper .slider-arrows { + display: none; + } +} @media (min-width: 575px) and (max-width: 767px) { .ourinstructor { - padding: 50px 0; } - .ourinstructor__wrapper .slider-arrows { - display: none; } } + padding: 50px 0; + } + + .ourinstructor__wrapper .slider-arrows { + display: none; + } +} @media (min-width: 420px) and (max-width: 574px) { .ourinstructor { - padding: 50px 0; } - .ourinstructor__wrapper .slider-arrows { - display: none; } } + padding: 50px 0; + } + + .ourinstructor__wrapper .slider-arrows { + display: none; + } +} .scta { position: relative; background-color: rgba(235, 235, 242, 0.5); - padding: 220px 0; } - .scta__section { - margin: 0 55px; - text-align: center; } - .scta__section p { - padding-top: 10px; - font-size: 18px; - line-height: 1.5; } - .scta__student img { - position: absolute; } - .scta__student img.avatar1 { - top: 11%; - left: 7%; - z-index: 2; } - .scta__student img.avatar2 { - top: 15%; - right: 16%; - z-index: 2; } - .scta__student img.avatar3 { - top: 40%; - left: 20%; - z-index: 2; } - .scta__student img.avatar4 { - bottom: 8%; - left: 9%; - z-index: 2; } - .scta__student img.avatar5 { - bottom: 7%; - left: 42%; - z-index: 2; } - .scta__student img.avatar6 { - bottom: 2%; - right: 8%; - z-index: 2; } - .scta__shape img { - position: absolute; } - .scta__shape img.shape1 { - bottom: 12%; - left: 7%; } - .scta__shape img.shape2 { - top: 10%; - left: 30%; } - .scta__shape img.shape3 { - right: 8%; - top: 36%; } - .scta__shape img.shape4 { - bottom: 15%; - right: 27%; } + padding: 220px 0; +} + +.scta__section { + margin: 0 55px; + text-align: center; +} + +.scta__section p { + padding-top: 10px; + font-size: 18px; + line-height: 1.5; +} + +.scta__student img { + position: absolute; +} + +.scta__student img.avatar1 { + top: 11%; + left: 7%; + z-index: 2; +} + +.scta__student img.avatar2 { + top: 15%; + right: 16%; + z-index: 2; +} + +.scta__student img.avatar3 { + top: 40%; + left: 20%; + z-index: 2; +} + +.scta__student img.avatar4 { + bottom: 8%; + left: 9%; + z-index: 2; +} + +.scta__student img.avatar5 { + bottom: 7%; + left: 42%; + z-index: 2; +} + +.scta__student img.avatar6 { + bottom: 2%; + right: 8%; + z-index: 2; +} + +.scta__shape img { + position: absolute; +} + +.scta__shape img.shape1 { + bottom: 12%; + left: 7%; +} + +.scta__shape img.shape2 { + top: 10%; + left: 30%; +} + +.scta__shape img.shape3 { + right: 8%; + top: 36%; +} + +.scta__shape img.shape4 { + bottom: 15%; + right: 27%; +} /*------------------------*/ /*-------RESPOSIVE---------*/ @@ -14466,587 +20730,872 @@ .scta { @media (min-width: 992px) and (max-width: 1199px) { .scta__student img.avatar3 { top: 61%; - left: 21%; } } + left: 21%; + } +} @media (min-width: 768px) and (max-width: 991px) { .scta { - padding: 130px 0; } - .scta__section { - position: relative; - z-index: 99; } - .scta__section h4, .scta__section .h4 { - font-size: 35px; } - .scta__section p { - font-size: 18px; } - .scta__student img.avatar2 { - top: 7%; } - .scta__student img.avatar3 { - top: 43%; - left: 3%; } } + padding: 130px 0; + } + + .scta__section { + position: relative; + z-index: 99; + } + + .scta__section h4, + .scta__section .h4 { + font-size: 35px; + } + + .scta__section p { + font-size: 18px; + } + + .scta__student img.avatar2 { + top: 7%; + } + + .scta__student img.avatar3 { + top: 43%; + left: 3%; + } +} @media (min-width: 575px) and (max-width: 767px) { .scta { - padding: 130px 0; } - .scta__section { - margin: 0 24px; - text-align: center; } - .scta__section p { - font-size: 16px; } - .scta__section a { - margin-top: 10px !important; } - .scta__student img.avatar3 { - top: 18%; } - .scta__shape img { - display: none; } } + padding: 130px 0; + } + + .scta__section { + margin: 0 24px; + text-align: center; + } + + .scta__section p { + font-size: 16px; + } + + .scta__section a { + margin-top: 10px !important; + } + + .scta__student img.avatar3 { + top: 18%; + } + + .scta__shape img { + display: none; + } +} .calltoaction { - padding: 100px 0; } - .calltoaction__wrapper { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .calltoaction__wrapper_item { - width: 530px; - text-align: center; - margin-bottom: 70px; } - .calltoaction__wrapper_item p { - padding-top: 10px; } - .calltoaction__wrapper::before { - position: absolute; - content: ''; - background-color: rgba(144, 143, 165, 0.5); - height: 150px; - width: 1px; - top: 40%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); } + padding: 100px 0; +} + +.calltoaction__wrapper { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.calltoaction__wrapper_item { + width: 530px; + text-align: center; + margin-bottom: 70px; +} + +.calltoaction__wrapper_item p { + padding-top: 10px; +} + +.calltoaction__wrapper::before { + position: absolute; + content: ''; + background-color: rgba(144, 143, 165, 0.5); + height: 150px; + width: 1px; + top: 40%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} /*------------------------*/ /*-------RESPOSIVE---------*/ /*-------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { .calltoaction__wrapper_item { - width: 435px; } } + width: 435px; + } +} @media (min-width: 768px) and (max-width: 991px) { .calltoaction__wrapper { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .calltoaction__wrapper_item { - margin-bottom: 50px; } - .calltoaction__wrapper_item h5, .calltoaction__wrapper_item .h5 { - font-size: 28px; } - .calltoaction__wrapper_item p { - font-size: 18px; } - .calltoaction__wrapper::before { - display: none; } } + -ms-flex-pack: center; + justify-content: center; + } + + .calltoaction__wrapper_item { + margin-bottom: 50px; + } + + .calltoaction__wrapper_item h5, + .calltoaction__wrapper_item .h5 { + font-size: 28px; + } + + .calltoaction__wrapper_item p { + font-size: 18px; + } + + .calltoaction__wrapper::before { + display: none; + } +} @media (min-width: 575px) and (max-width: 767px) { .calltoaction__wrapper { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .calltoaction__wrapper_item { - margin-bottom: 50px; } - .calltoaction__wrapper_item h5, .calltoaction__wrapper_item .h5 { - font-size: 24px; } - .calltoaction__wrapper_item p { - font-size: 16px; } - .calltoaction__wrapper::before { - display: none; } } + -ms-flex-pack: center; + justify-content: center; + } + + .calltoaction__wrapper_item { + margin-bottom: 50px; + } + + .calltoaction__wrapper_item h5, + .calltoaction__wrapper_item .h5 { + font-size: 24px; + } + + .calltoaction__wrapper_item p { + font-size: 16px; + } + + .calltoaction__wrapper::before { + display: none; + } +} .newsletter-area { padding: 40px 50px; background: #ffffff; border: 2px solid #ebebf2; border-radius: 10px; - margin-bottom: -125px; } - @media (max-width: 380px) { - .newsletter-area { - padding: 40px 24px; } } - .newsletter-area form input { - padding-left: 20px; - border-radius: 4px !important; - border: 1px solid rgba(143, 143, 163, 0.3); } - .newsletter-area form input::-webkit-input-placeholder { - color: #8f8fa3; - text-transform: capitalize; } - .newsletter-area form input::-moz-placeholder { - color: #8f8fa3; - text-transform: capitalize; } - .newsletter-area form input:-ms-input-placeholder { - color: #8f8fa3; - text-transform: capitalize; } - .newsletter-area form input::-ms-input-placeholder { - color: #8f8fa3; - text-transform: capitalize; } - .newsletter-area form input::placeholder { - color: #8f8fa3; - text-transform: capitalize; } - .newsletter-area form input:focus { - -webkit-box-shadow: none; - box-shadow: none; } - .newsletter-area h4, .newsletter-area .h4 { - font-size: 32px; - line-height: 40px; - font-family: 'Poppins', sans-serif; - font-weight: 600; } - .newsletter-area p { - font-size: 16px; - line-height: 24px; - color: #8f8fa3; } - .newsletter-area-normal-start h5, .newsletter-area-normal-start .h5 { - font-size: 24px; - font-weight: 600; - line-height: 30px; - margin-bottom: 8px; - text-transform: capitalize; } - .newsletter-area-normal-end input { - padding-left: 15px; - border: 1px solid rgba(143, 143, 163, 0.3); } - .newsletter-area-normal-end input::-webkit-input-placeholder { - color: #8f8fa3; - text-transform: capitalize; } - .newsletter-area-normal-end input::-moz-placeholder { - color: #8f8fa3; - text-transform: capitalize; } - .newsletter-area-normal-end input:-ms-input-placeholder { - color: #8f8fa3; - text-transform: capitalize; } - .newsletter-area-normal-end input::-ms-input-placeholder { - color: #8f8fa3; - text-transform: capitalize; } - .newsletter-area-normal-end input::placeholder { - color: #8f8fa3; - text-transform: capitalize; } + margin-bottom: -125px; +} -.newsletter-area-normal-start h5, .newsletter-area-normal-start .h5 { - margin-bottom: 8px; } +@media (max-width: 380px) { + .newsletter-area { + padding: 40px 24px; + } +} + +.newsletter-area form input { + padding-left: 20px; + border-radius: 4px !important; + border: 1px solid rgba(143, 143, 163, 0.3); +} + +.newsletter-area form input::-webkit-input-placeholder { + color: #8f8fa3; + text-transform: capitalize; +} + +.newsletter-area form input::-moz-placeholder { + color: #8f8fa3; + text-transform: capitalize; +} + +.newsletter-area form input:-ms-input-placeholder { + color: #8f8fa3; + text-transform: capitalize; +} + +.newsletter-area form input::-ms-input-placeholder { + color: #8f8fa3; + text-transform: capitalize; +} + +.newsletter-area form input::placeholder { + color: #8f8fa3; + text-transform: capitalize; +} + +.newsletter-area form input:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +.newsletter-area h4, +.newsletter-area .h4 { + font-size: 32px; + line-height: 40px; + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.newsletter-area p { + font-size: 16px; + line-height: 24px; + color: #8f8fa3; +} + +.newsletter-area-normal-start h5, +.newsletter-area-normal-start .h5 { + font-size: 24px; + font-weight: 600; + line-height: 30px; + margin-bottom: 8px; + text-transform: capitalize; +} + +.newsletter-area-normal-end input { + padding-left: 15px; + border: 1px solid rgba(143, 143, 163, 0.3); +} + +.newsletter-area-normal-end input::-webkit-input-placeholder { + color: #8f8fa3; + text-transform: capitalize; +} + +.newsletter-area-normal-end input::-moz-placeholder { + color: #8f8fa3; + text-transform: capitalize; +} + +.newsletter-area-normal-end input:-ms-input-placeholder { + color: #8f8fa3; + text-transform: capitalize; +} + +.newsletter-area-normal-end input::-ms-input-placeholder { + color: #8f8fa3; + text-transform: capitalize; +} + +.newsletter-area-normal-end input::placeholder { + color: #8f8fa3; + text-transform: capitalize; +} + +.newsletter-area-normal-start h5, +.newsletter-area-normal-start .h5 { + margin-bottom: 8px; +} .newsletter-area-normal-start p { font-family: 'Poppins', sans-serif; - font-weight: 400; } + font-weight: 400; +} /*------------------------*/ /*-------RESPOSIVE---------*/ /*-------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { .newsletter-area { - padding: 30px; } } + padding: 30px; + } +} @media (max-width: 991px) { .newsletter-area { - margin-bottom: -60px; } + margin-bottom: -60px; + } + .newsletter-area-normal-start { text-align: center; - margin-bottom: 30px; } } + margin-bottom: 30px; + } +} @media (max-width: 767px) { .newsletter-area { - margin-bottom: -120px; } - .newsletter-area h4, .newsletter-area .h4, + margin-bottom: -120px; + } + + .newsletter-area h4, + .newsletter-area .h4, .newsletter-area .h4 { font-size: 26px; - line-height: 26px; } + line-height: 26px; + } + .newsletter-area p { - font-size: 14px; } } + font-size: 14px; + } +} @media (max-width: 420px) { .newsletter-area form .input-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .newsletter-area form .input-group input { - width: 100%; - margin-bottom: 10px; - border-radius: 5px !important; - height: 45px; } - .newsletter-area form .input-group button { - border-radius: 5px !important; } } + -ms-flex-direction: column; + flex-direction: column; + } + + .newsletter-area form .input-group input { + width: 100%; + margin-bottom: 10px; + border-radius: 5px !important; + height: 45px; + } + + .newsletter-area form .input-group button { + border-radius: 5px !important; + } +} .brands__titleContent p { font-family: 'Poppins', sans-serif; - font-weight: 400; } + font-weight: 400; +} @media (max-width: 991px) { .brands { - padding-bottom: 0px; } } + padding-bottom: 0px; + } +} @media (max-width: 767px) { - .brands__titleContent h4, .brands__titleContent .h4 { + + .brands__titleContent h4, + .brands__titleContent .h4 { font-size: 28px !important; - line-height: 38px !important; } + line-height: 38px !important; + } + .brands__titleContent p { font-family: 'Poppins', sans-serif; - font-weight: 400; } } + font-weight: 400; + } +} @media (min-width: 320px) and (max-width: 574px) { - .brands__titleContent h4, .brands__titleContent .h4 { + + .brands__titleContent h4, + .brands__titleContent .h4 { font-size: 18px !important; - line-height: 28px !important; } } + line-height: 28px !important; + } +} .footer { padding-top: 75px; - background-color: #202020; } + background-color: #202020; +} + +.footer--two { + padding-top: 220px; +} + +@media (max-width: 575px) { .footer--two { - padding-top: 220px; } - @media (max-width: 575px) { - .footer--two { - padding-top: 180px; } } - .footer--three { - padding: 0; } - .footer--three .footer__top { - padding-top: 100px; - padding-bottom: 70px; } - .footer--three .footer__wrapper { - margin-bottom: 0px; } - .footer--three .footer__wrapper_social { - margin-bottom: 0px !important; } - .footer__wrapper { - margin-bottom: 50px; - max-width: 65%; } - .footer__wrapper_logo { - margin-bottom: 6px; } - .footer__wrapper p { - font-size: 16px; - line-height: 1.5; - color: #908fa5; } - .footer__wrapper_social { - margin-top: 24px; } - .footer__wrapper_social ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .footer__wrapper_social ul li { - margin-right: 12px; } - .footer__wrapper_social ul li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 4px; - -webkit-transition: 0.3s; - transition: 0.3s; - border: 1px solid #42414b; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: transparent; } - .footer__wrapper_social ul li a:hover { - background-color: #1089ff; - border: 1px solid transparent; } - .footer__wrapper_social ul li:last-child { - margin-right: 0; } - .footer__list { - margin-bottom: 46px; } - .footer__list h6, .footer__list .h6 { - font-size: 20px; - line-height: 1.5; - color: #fff !important; - font-family: 'Poppins', sans-serif; - font-weight: 500; - margin-bottom: 12px; } - .footer__list ul li a { - font-size: 16px; - line-height: 1.5; - color: #908fa5; - padding: 4px 0; - display: block; - -webkit-transition: 0.3s; - transition: 0.3s; } - .footer__list ul li a:hover { - color: white; } - .footer__bottom { - border-top: 1px solid #4b4b57; - padding: 20px 0; } - .footer__bottom-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - @media (max-width: 480px) { - .footer__bottom-content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } } - .footer__bottom_copyright p { - color: #908fa5; - line-height: 1.5; - font-size: 16px; } - @media (max-width: 480px) { - .footer__bottom_copyright p { - margin-bottom: 16px; - text-align: center; } } - .footer__bottom_topbutton a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #908fa5; - font-size: 16px; } - .footer__bottom_topbutton a:hover { - color: white; } + padding-top: 180px; + } +} + +.footer--three { + padding: 0; +} + +.footer--three .footer__top { + padding-top: 100px; + padding-bottom: 70px; +} + +.footer--three .footer__wrapper { + margin-bottom: 0px; +} + +.footer--three .footer__wrapper_social { + margin-bottom: 0px !important; +} + +.footer__wrapper { + margin-bottom: 50px; + max-width: 65%; +} + +.footer__wrapper_logo { + margin-bottom: 6px; +} + +.footer__wrapper p { + font-size: 16px; + line-height: 1.5; + color: #908fa5; +} + +.footer__wrapper_social { + margin-top: 24px; +} + +.footer__wrapper_social ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.footer__wrapper_social ul li { + margin-right: 12px; +} + +.footer__wrapper_social ul li a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 4px; + -webkit-transition: 0.3s; + transition: 0.3s; + border: 1px solid #42414b; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: transparent; +} + +.footer__wrapper_social ul li a:hover { + background-color: #1089ff; + border: 1px solid transparent; +} + +.footer__wrapper_social ul li:last-child { + margin-right: 0; +} + +.footer__list { + margin-bottom: 46px; +} + +.footer__list h6, +.footer__list .h6 { + font-size: 20px; + line-height: 1.5; + color: #fff !important; + font-family: 'Poppins', sans-serif; + font-weight: 500; + margin-bottom: 12px; +} + +.footer__list ul li a { + font-size: 16px; + line-height: 1.5; + color: #908fa5; + padding: 4px 0; + display: block; + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.footer__list ul li a:hover { + color: white; +} + +.footer__bottom { + border-top: 1px solid #4b4b57; + padding: 20px 0; +} + +.footer__bottom-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +@media (max-width: 480px) { + .footer__bottom-content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } +} + +.footer__bottom_copyright p { + color: #908fa5; + line-height: 1.5; + font-size: 16px; +} + +@media (max-width: 480px) { + .footer__bottom_copyright p { + margin-bottom: 16px; + text-align: center; + } +} + +.footer__bottom_topbutton a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #908fa5; + font-size: 16px; +} + +.footer__bottom_topbutton a:hover { + color: white; +} @media (min-width: 992px) and (max-width: 1200px) { .footer__wrapper { - max-width: 80%; } } + max-width: 80%; + } +} @media (max-width: 991px) { - .footer__list h6, .footer__list .h6 { + + .footer__list h6, + .footer__list .h6 { font-size: 24px !important; line-height: 36px !important; - margin-bottom: 0px; } } + margin-bottom: 0px; + } +} @media (min-width: 768px) and (max-width: 991px) { .footer.footer--two { - padding-top: 120px !important; } + padding-top: 120px !important; + } + .footer__wrapper { - max-width: 100%; } } + max-width: 100%; + } +} @media (max-width: 767px) { .footer__list { - margin-bottom: 30px; } } + margin-bottom: 30px; + } +} @media (min-width: 575px) and (max-width: 767px) { .footer.footer--two { - padding-top: 200px !important; } + padding-top: 200px !important; + } + .footer__wrapper { - max-width: 100%; } } + max-width: 100%; + } +} @media (min-width: 320px) and (max-width: 574px) { .footer__wrapper_logo img { - width: 220px; } + width: 220px; + } + .footer__list { - margin-bottom: 15px; } - .footer__list h6, .footer__list .h6 { - font-size: 18px !important; } - .footer__list ul li a { - font-size: 14px; - line-height: 26px; } + margin-bottom: 15px; + } + + .footer__list h6, + .footer__list .h6 { + font-size: 18px !important; + } + + .footer__list ul li a { + font-size: 14px; + line-height: 26px; + } + .footer__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } } + -ms-flex-align: center; + align-items: center; + } +} @media (max-width: 420px) { .footer__wrapper { - max-width: 100%; } } + max-width: 100%; + } +} @media (min-width: 420px) and (max-width: 574px) { .footer__wrapper { - max-width: 100%; } } + max-width: 100%; + } +} .main-banner { padding-top: 180px; padding-bottom: 200px; background-size: cover; background-repeat: no-repeat; - background-position: center; } - @media (max-width: 575px) { - .main-banner { - padding-bottom: 100px; } } - .main-banner-end { - margin-right: -50px; } - @media (max-width: 575px) { - .main-banner-end img { - display: none; } } + background-position: center; +} + +@media (max-width: 575px) { + .main-banner { + padding-bottom: 100px; + } +} + +.main-banner-end { + margin-right: -50px; +} + +@media (max-width: 575px) { + .main-banner-end img { + display: none; + } +} .browse-categories { - position: relative; } - .browse-categories h3, .browse-categories .h3 { - margin-bottom: 50px; - color: #202029 !important; } - .browse-categories-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .browse-categories-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - cursor: pointer; - margin-right: 20px; - width: 218px; - border: 1.5px solid #ebebf2; - border-radius: 5px; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .browse-categories-item:hover { - -webkit-box-shadow: 0px 16px 72px 0px #0000001f; - box-shadow: 0px 16px 72px 0px #0000001f; - border-color: transparent; } - .browse-categories-item:hover .categories-one { - color: white; - background-color: #f15c4c; } - .browse-categories-item:hover .categories-two { - color: white; - background-color: #1089ff; } - .browse-categories-item:hover .categories-three { - color: white; - background-color: #ffc91b; } - .browse-categories-item:hover .categories-four { - color: white; - background-color: #00af91; } - .browse-categories-item:hover .categories-five { - color: white; - background-color: #ff7a1a; } - .browse-categories-item-icon { - margin-bottom: 16px; } - .browse-categories-item-icon .default-categories { - height: 88px; - width: 88px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - border: 1.5px solid transparent; - margin: auto; } - .browse-categories-item-icon .categories-one { - border-color: rgba(241, 92, 76, 0.2); - color: #f15c4c; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .browse-categories-item-icon .categories-two { - border-color: rgba(16, 137, 255, 0.2); - color: #1089ff; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .browse-categories-item-icon .categories-three { - border-color: rgba(255, 201, 27, 0.2); - color: #ffc91b; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .browse-categories-item-icon .categories-four { - border-color: rgba(0, 175, 145, 0.2); - color: #00af91; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .browse-categories-item-icon .categories-five { - border-color: rgba(255, 122, 26, 0.2); - color: #ff7a1a; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .browse-categories-item-text { - text-align: center; } - .browse-categories-item-text h6, .browse-categories-item-text .h6 { - margin-bottom: 5px; - font-family: 'Poppins', sans-serif; - font-weight: 600; } - .browse-categories-item-text h6 a, .browse-categories-item-text .h6 a { - color: #202029; } - .browse-categories-item-text p { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; } - .browse-categories-shape img { - position: absolute; } - .browse-categories-shape .shape-01 { - top: -50px; - left: 0px; } - .browse-categories-shape .shape-02 { - right: 0px; - bottom: 100px; } + position: relative; +} + +.browse-categories h3, +.browse-categories .h3 { + margin-bottom: 50px; + color: #202029 !important; +} + +.browse-categories-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.browse-categories-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + cursor: pointer; + margin-right: 20px; + width: 218px; + border: 1.5px solid #ebebf2; + border-radius: 5px; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.browse-categories-item:hover { + -webkit-box-shadow: 0px 16px 72px 0px #0000001f; + box-shadow: 0px 16px 72px 0px #0000001f; + border-color: transparent; +} + +.browse-categories-item:hover .categories-one { + color: white; + background-color: #f15c4c; +} + +.browse-categories-item:hover .categories-two { + color: white; + background-color: #1089ff; +} + +.browse-categories-item:hover .categories-three { + color: white; + background-color: #ffc91b; +} + +.browse-categories-item:hover .categories-four { + color: white; + background-color: #00af91; +} + +.browse-categories-item:hover .categories-five { + color: white; + background-color: #ff7a1a; +} + +.browse-categories-item-icon { + margin-bottom: 16px; +} + +.browse-categories-item-icon .default-categories { + height: 88px; + width: 88px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + border: 1.5px solid transparent; + margin: auto; +} + +.browse-categories-item-icon .categories-one { + border-color: rgba(241, 92, 76, 0.2); + color: #f15c4c; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.browse-categories-item-icon .categories-two { + border-color: rgba(16, 137, 255, 0.2); + color: #1089ff; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.browse-categories-item-icon .categories-three { + border-color: rgba(255, 201, 27, 0.2); + color: #ffc91b; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.browse-categories-item-icon .categories-four { + border-color: rgba(0, 175, 145, 0.2); + color: #00af91; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.browse-categories-item-icon .categories-five { + border-color: rgba(255, 122, 26, 0.2); + color: #ff7a1a; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.browse-categories-item-text { + text-align: center; +} + +.browse-categories-item-text h6, +.browse-categories-item-text .h6 { + margin-bottom: 5px; + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.browse-categories-item-text h6 a, +.browse-categories-item-text .h6 a { + color: #202029; +} + +.browse-categories-item-text p { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; +} + +.browse-categories-shape img { + position: absolute; +} + +.browse-categories-shape .shape-01 { + top: -50px; + left: 0px; +} + +.browse-categories-shape .shape-02 { + right: 0px; + bottom: 100px; +} @media (max-width: 991px) { .feature .cardFeature { - margin-bottom: 16px; } } + margin-bottom: 16px; + } +} .featured-popular-courses-shape .dot-06 { top: 200px; left: 0px; - z-index: -1; } + z-index: -1; +} .featured-popular-courses-shape .dot-07 { top: 0px; - right: 0px; } + right: 0px; +} .learning-rules__wrapper { - margin-bottom: 40px; } + margin-bottom: 40px; +} .learning-rules-item { display: -webkit-box; @@ -15054,222 +21603,317 @@ .learning-rules-item { display: -ms-flexbox; display: flex; -webkit-flex-basis: 65px; - -ms-flex-preferred-size: 65px; - flex-basis: 65px; + -ms-flex-preferred-size: 65px; + flex-basis: 65px; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 20px; } - .learning-rules-item .item-number { - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - width: 72px; - height: 72px; - margin-right: 16px; - border-radius: 50%; - overflow: hidden; - background: #1089ff14; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - @media (max-width: 480px) { - .learning-rules-item .item-number { - width: 40px; - height: 40px; - margin-right: 8px; } } - .learning-rules-item .item-number span { - font-size: 22px; - line-height: 20px; - color: #1089ff; - font-weight: 600; } - @media (max-width: 480px) { - .learning-rules-item .item-number span { - font-size: 16px; - line-height: normal; } } - .learning-rules-item .item-text h6, .learning-rules-item .item-text .h6 { - color: #202029; - font-size: 20px; - line-height: 24px; - font-weight: 500; - margin-bottom: 6px; } - .learning-rules-item .item-text p { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; - max-width: 376px; } + -ms-flex-align: center; + align-items: center; + margin-bottom: 20px; +} -.learning-rules-starts h2, .learning-rules-starts .h2 { - margin-bottom: 20px; } +.learning-rules-item .item-number { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 72px; + height: 72px; + margin-right: 16px; + border-radius: 50%; + overflow: hidden; + background: #1089ff14; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +@media (max-width: 480px) { + .learning-rules-item .item-number { + width: 40px; + height: 40px; + margin-right: 8px; + } +} + +.learning-rules-item .item-number span { + font-size: 22px; + line-height: 20px; + color: #1089ff; + font-weight: 600; +} + +@media (max-width: 480px) { + .learning-rules-item .item-number span { + font-size: 16px; + line-height: normal; + } +} + +.learning-rules-item .item-text h6, +.learning-rules-item .item-text .h6 { + color: #202029; + font-size: 20px; + line-height: 24px; + font-weight: 500; + margin-bottom: 6px; +} + +.learning-rules-item .item-text p { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; + max-width: 376px; +} + +.learning-rules-starts h2, +.learning-rules-starts .h2 { + margin-bottom: 20px; +} .learning-rules-starts .btn-primary { padding: 19px 32px; - font-weight: 600; } + font-weight: 600; +} .learning-rules-ends { padding-left: 80px; margin-right: -80px; position: relative; - z-index: 2; } - .learning-rules-ends-circle img { - position: absolute; - left: 220px; - top: -48px; } - .learning-rules-ends .earning-rules-ends-shape img { - position: absolute; - z-index: -2; } - .learning-rules-ends .earning-rules-ends-shape .shape-1 { - top: 250px; - right: 20%; - -webkit-transform: translateX(-60%); - transform: translateX(-60%); } + z-index: 2; +} + +.learning-rules-ends-circle img { + position: absolute; + left: 220px; + top: -48px; +} + +.learning-rules-ends .earning-rules-ends-shape img { + position: absolute; + z-index: -2; +} + +.learning-rules-ends .earning-rules-ends-shape .shape-1 { + top: 250px; + right: 20%; + -webkit-transform: translateX(-60%); + transform: translateX(-60%); +} .learning-rules-shape img { position: absolute; - z-index: -1; } + z-index: -1; +} .learning-rules-shape .shape-01 { top: 200px; - left: 185px; } + left: 185px; +} .about-services { background: rgba(235, 235, 242, 0.6); - position: relative; } - .about-services-shape img { - position: absolute; } - .about-services-shape .img-shape-01 { - top: 415px; - left: -20px; } - .about-services-shape .img-shape-02 { - top: 110px; - right: 0px; } - .about-services-shape .img-shape-03 { - right: 65px; - bottom: 36px; } - .about-services-area { - margin-bottom: 150px; } - .about-services h3, .about-services .h3 { - margin-bottom: 50px; } - .about-services .testimonial__wrapper_item { - max-width: 570px; - background: #ffffff; - border-radius: 5px; - padding: 24px; } - .about-services .testimonial__wrapper_item p { - font-style: normal !important; - color: #666575 !important; } - .about-services .testimonial__wrapper_item-author { - margin-bottom: 0 !important; } - .about-services .testimonial__wrapper_item .author__img { - width: 64px; - height: 64px; } - .about-services .testimonial__wrapper_item .author__img img { - max-width: 100%; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; } - .about-services__wrapper { - position: relative; } + position: relative; +} + +.about-services-shape img { + position: absolute; +} + +.about-services-shape .img-shape-01 { + top: 415px; + left: -20px; +} + +.about-services-shape .img-shape-02 { + top: 110px; + right: 0px; +} + +.about-services-shape .img-shape-03 { + right: 65px; + bottom: 36px; +} + +.about-services-area { + margin-bottom: 150px; +} + +.about-services h3, +.about-services .h3 { + margin-bottom: 50px; +} + +.about-services .testimonial__wrapper_item { + max-width: 570px; + background: #ffffff; + border-radius: 5px; + padding: 24px; +} + +.about-services .testimonial__wrapper_item p { + font-style: normal !important; + color: #666575 !important; +} + +.about-services .testimonial__wrapper_item-author { + margin-bottom: 0 !important; +} + +.about-services .testimonial__wrapper_item .author__img { + width: 64px; + height: 64px; +} + +.about-services .testimonial__wrapper_item .author__img img { + max-width: 100%; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; +} + +.about-services__wrapper { + position: relative; +} .main-instructor-featured { background: #fff; position: relative; - z-index: 1; } - .main-instructor-featured.it-2::after { - content: ''; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background: #ebebf2; - opacity: 0.4; - z-index: -1; } - .main-instructor-featured.it-2 .ourinstructor__wrapper .slider-arrows .prev-arrow, - .main-instructor-featured.it-2 .ourinstructor__wrapper .slider-arrows .next-arrow { - border: 1px solid #fff; } - .main-instructor-featured .instructor-overlay { - bottom: 70px; - opacity: 0.3; } - .main-instructor-featured .instructor-overlay ul { - padding-top: 60px; - padding-bottom: 15px; } - .main-instructor-featured-shape img { - position: absolute; } - .main-instructor-featured-shape .shape01 { - top: 0; - left: 80px; } - .main-instructor-featured-shape .shape02 { - top: 157px; - right: 67px; } + z-index: 1; +} + +.main-instructor-featured.it-2::after { + content: ''; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: #ebebf2; + opacity: 0.4; + z-index: -1; +} + +.main-instructor-featured.it-2 .ourinstructor__wrapper .slider-arrows .prev-arrow, +.main-instructor-featured.it-2 .ourinstructor__wrapper .slider-arrows .next-arrow { + border: 1px solid #fff; +} + +.main-instructor-featured .instructor-overlay { + bottom: 70px; + opacity: 0.3; +} + +.main-instructor-featured .instructor-overlay ul { + padding-top: 60px; + padding-bottom: 15px; +} + +.main-instructor-featured-shape img { + position: absolute; +} + +.main-instructor-featured-shape .shape01 { + top: 0; + left: 80px; +} + +.main-instructor-featured-shape .shape02 { + top: 157px; + right: 67px; +} .main-events-featured { position: relative; - z-index: 88; } - .main-events-featured-shape img { - position: absolute; } - .main-events-featured-shape .shape01 { - bottom: -66px; - left: 18px; } + z-index: 88; +} + +.main-events-featured-shape img { + position: absolute; +} + +.main-events-featured-shape .shape01 { + bottom: -66px; + left: 18px; +} .ms-12 { - margin-left: 12px; } + margin-left: 12px; +} .me-12 { - margin-right: 12px; } + margin-right: 12px; +} .main-become-instructor { padding: 100px 0px; padding-top: 200px !important; background-color: #ebebf2; - position: relative; } - .main-become-instructor-item { - background: rgba(255, 255, 255, 0.6); - border: 1px solid rgba(235, 235, 242, 0.6); - border-radius: 12px; - padding: 30px; - padding-top: 0; } - .main-become-instructor-item .main-image { - width: 270px; - height: 200px; - margin: auto; - overflow: hidden; - border-radius: 8px; - margin-top: -100px; - text-align: center; } - .main-become-instructor-item .main-image img { - width: inherit; - height: inherit; - -o-object-fit: cover; - object-fit: cover; } - .main-become-instructor-item .main-text { - text-align: center; - margin-top: 30px; } - .main-become-instructor-item .main-text h6, .main-become-instructor-item .main-text .h6 { - margin-bottom: 10px; } - .main-become-instructor-item .main-text p { - font-size: 16px; - line-height: 24px; - margin-bottom: 20px; - color: #8f8fa3; } - .main-become-instructor-item .main-text .green-btn { - display: inline-block; } - .main-become-instructor-shape img { - position: absolute; - top: 310px; - right: 0px; } + position: relative; +} + +.main-become-instructor-item { + background: rgba(255, 255, 255, 0.6); + border: 1px solid rgba(235, 235, 242, 0.6); + border-radius: 12px; + padding: 30px; + padding-top: 0; +} + +.main-become-instructor-item .main-image { + width: 270px; + height: 200px; + margin: auto; + overflow: hidden; + border-radius: 8px; + margin-top: -100px; + text-align: center; +} + +.main-become-instructor-item .main-image img { + width: inherit; + height: inherit; + -o-object-fit: cover; + object-fit: cover; +} + +.main-become-instructor-item .main-text { + text-align: center; + margin-top: 30px; +} + +.main-become-instructor-item .main-text h6, +.main-become-instructor-item .main-text .h6 { + margin-bottom: 10px; +} + +.main-become-instructor-item .main-text p { + font-size: 16px; + line-height: 24px; + margin-bottom: 20px; + color: #8f8fa3; +} + +.main-become-instructor-item .main-text .green-btn { + display: inline-block; +} + +.main-become-instructor-shape img { + position: absolute; + top: 310px; + right: 0px; +} @media (min-width: 1201px) and (max-width: 1499px) { + .main-become-instructor-shape, .main-events-featured-shape, .main-instructor-featured-shape, @@ -15277,60 +21921,95 @@ @media (min-width: 1201px) and (max-width: 1499px) { .learning-rules-shape, .featured-popular-courses-shape, .browse-categories-shape { - display: none; } + display: none; + } + .main-banner, .learning-rules { - overflow: hidden !important; } } + overflow: hidden !important; + } +} @media (max-width: 1200px) { .learning-rules { - overflow: hidden; } + overflow: hidden; + } + .learning-rules-shape .shape-01 { top: 0px; - left: 0px; } + left: 0px; + } + .learning-rules-ends .earning-rules-ends-shape .shape-1 { top: 220px; - right: 65%; } + right: 65%; + } + .learning-rules-item { - margin-bottom: 30px; } + margin-bottom: 30px; + } + .learning-rules-shape .shape-02 { left: auto; right: 0px; - bottom: -125px; } } + bottom: -125px; + } +} @media (min-width: 992px) and (max-width: 1200px) { + .learning-rules-ends, .main-banner-end { - margin-right: 0; } + margin-right: 0; + } + .main-become-instructor-shape, .main-events-featured-shape, .main-instructor-featured-shape, .about-services-shape, .featured-popular-courses-shape, .browse-categories-shape { - display: none; } + display: none; + } + .learning-rules-starts .btn-primary { - margin-top: 35px; } - .about-services h3, .about-services .h3 { - font-size: 36px !important; } - .main-become-instructor-item .main-text h6, .main-become-instructor-item .main-text .h6 { - font-size: 28px !important; } + margin-top: 35px; + } + + .about-services h3, + .about-services .h3 { + font-size: 36px !important; + } + + .main-become-instructor-item .main-text h6, + .main-become-instructor-item .main-text .h6 { + font-size: 28px !important; + } + .about-services__wrapper .slider-arrows .prev-arrow, .about-services__wrapper .slider-arrows .next-arrow { - display: none !important; } + display: none !important; + } + .learning-rules-ends .earning-rules-ends-shape .shape-1 { top: auto; right: auto; left: 120px; - bottom: -120px; } } + bottom: -120px; + } +} @media (max-width: 1199px) { .latest-events-featured .slider-arrows { - display: none; } } + display: none; + } +} @media (max-width: 991px) { .main-banner { - padding-top: 90px; } + padding-top: 90px; + } + .learning-rules-ends { display: -webkit-box; display: -webkit-flex; @@ -15338,277 +22017,469 @@ @media (max-width: 991px) { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-bottom: 30px; } - .learning-rules-ends > img { - height: 450px; } + -ms-flex-pack: center; + justify-content: center; + margin-bottom: 30px; + } + + .learning-rules-ends>img { + height: 450px; + } + .learning-rules-ends .earning-rules-ends-shape .shape-1 { top: auto; bottom: 0px; left: 115px; -webkit-transform: rotate(90deg); - transform: rotate(90deg); } + transform: rotate(90deg); + } + .about-services .testimonial__wrapper_item p { - text-align: center; } + text-align: center; + } + .learning-rules-ends { -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } + -ms-flex-pack: start; + justify-content: flex-start; + } + .learning-rules-ends .earning-rules-ends-shape .shape-1 { left: auto; - right: 150px; } - .learning-rules-starts h2, .learning-rules-starts .h2, + right: 150px; + } + + .learning-rules-starts h2, + .learning-rules-starts .h2, .learning-rules-starts .h2 { - text-align: left; } + text-align: left; + } + .learning-rules-ends { padding-left: 0px; - margin-right: 0px; } + margin-right: 0px; + } + .learning-rules { - overflow: hidden; } + overflow: hidden; + } + .learning-rules-shape .shape-02 { bottom: -85px; left: auto; - right: -45px; } + right: -45px; + } + .learning-rules-item .item-text { - text-align: left; } } + text-align: left; + } +} @media (min-width: 768px) and (max-width: 991px) { .main-banner-end { - margin-right: 0; } - .browse-categories h3, .browse-categories .h3 { - margin-bottom: 20px; } + margin-right: 0; + } + + .browse-categories h3, + .browse-categories .h3 { + margin-bottom: 20px; + } + .browse-categories .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .browse-categories-shape { - display: none; } + display: none; + } + .browse-categories-area { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .about-services h3, .about-services .h3 { - margin-bottom: 20px; } + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .about-services h3, + .about-services .h3 { + margin-bottom: 20px; + } + .about-services-area { - margin-bottom: 30px; } + margin-bottom: 30px; + } + .about-services-shape { - display: none; } + display: none; + } + .about-services .testimonial__wrapper_item-author, .about-services .author { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; } - .about-services .testimonial__wrapper_item-author .author__img, - .about-services .author .author__img { - margin-right: 0; } + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + } + + .about-services .testimonial__wrapper_item-author .author__img, + .about-services .author .author__img { + margin-right: 0; + } + .main-instructor-featured-shape { - display: none; } + display: none; + } + .main-instructor-featured .instructor-overlay ul { -webkit-justify-content: space-around !important; - -ms-flex-pack: distribute !important; - justify-content: space-around !important; } - .main-instructor-featured .instructor-overlay ul li { - margin-right: 0px; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + + .main-instructor-featured .instructor-overlay ul li { + margin-right: 0px; + } + .main-become-instructor-shape img, .main-events-featured-shape .shape01 { - display: none; } + display: none; + } + .main-events-featured .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .main-become-instructor { padding: 30px 0px !important; - padding-top: 150px !important; } - .main-become-instructor-item { - margin-right: 0 !important; - margin-left: 0 !important; - margin-bottom: 135px; } - .main-become-instructor-item .main-text .green-btn { - font-size: 12px; } + padding-top: 150px !important; + } + + .main-become-instructor-item { + margin-right: 0 !important; + margin-left: 0 !important; + margin-bottom: 135px; + } + + .main-become-instructor-item .main-text .green-btn { + font-size: 12px; + } + .about-services .testimonial__wrapper_item { - max-width: 100%; } } + max-width: 100%; + } +} @media (max-width: 767px) { - .learning-rules-ends > img { - height: 350px; } + .learning-rules-ends>img { + height: 350px; + } + .browse-categories__wrapper .slick-dots { - margin-top: 0px; } } + margin-top: 0px; + } +} @media (min-width: 575px) and (max-width: 767px) { .main-banner-end { - margin-right: 0; } - .browse-categories h3, .browse-categories .h3 { - margin-bottom: 20px; } + margin-right: 0; + } + + .browse-categories h3, + .browse-categories .h3 { + margin-bottom: 20px; + } + .browse-categories .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .browse-categories-shape { - display: none; } + display: none; + } + .browse-categories-area { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .about-services h3, .about-services .h3 { - margin-bottom: 20px; } + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .about-services h3, + .about-services .h3 { + margin-bottom: 20px; + } + .about-services-area { - margin-bottom: 30px; } + margin-bottom: 30px; + } + .about-services-shape { - display: none; } + display: none; + } + .about-services .testimonial__wrapper_item-author, .about-services .author { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; } - .about-services .testimonial__wrapper_item-author .author__img, - .about-services .author .author__img { - margin-right: 0; } + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + } + + .about-services .testimonial__wrapper_item-author .author__img, + .about-services .author .author__img { + margin-right: 0; + } + .main-instructor-featured-shape { - display: none; } + display: none; + } + .main-instructor-featured .instructor-overlay ul { -webkit-justify-content: space-around !important; - -ms-flex-pack: distribute !important; - justify-content: space-around !important; } - .main-instructor-featured .instructor-overlay ul li { - margin-right: 0px; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + + .main-instructor-featured .instructor-overlay ul li { + margin-right: 0px; + } + .main-become-instructor-shape img, .main-events-featured-shape .shape01 { - display: none; } + display: none; + } + .main-events-featured .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .main-become-instructor { padding: 30px 0px !important; - padding-top: 150px !important; } - .main-become-instructor-item { - margin-right: 0 !important; - margin-left: 0 !important; - margin-bottom: 135px; } - .main-become-instructor-item .main-text .green-btn { - font-size: 12px; } } + padding-top: 150px !important; + } + + .main-become-instructor-item { + margin-right: 0 !important; + margin-left: 0 !important; + margin-bottom: 135px; + } + + .main-become-instructor-item .main-text .green-btn { + font-size: 12px; + } +} @media (min-width: 420px) and (max-width: 574px) { - .browse-categories h3, .browse-categories .h3 { - margin-bottom: 20px; } + + .browse-categories h3, + .browse-categories .h3 { + margin-bottom: 20px; + } + .browse-categories .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .browse-categories-shape { - display: none; } + display: none; + } + .browse-categories-item { margin-right: 0; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .browse-categories-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .about-services h3, .about-services .h3 { - margin-bottom: 20px; } + -ms-flex-direction: column; + flex-direction: column; + } + + .about-services h3, + .about-services .h3 { + margin-bottom: 20px; + } + .about-services-area { - margin-bottom: 30px; } + margin-bottom: 30px; + } + .about-services-shape { - display: none; } + display: none; + } + .about-services .testimonial__wrapper_item-author, .about-services .author { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; } - .about-services .testimonial__wrapper_item-author .author__img, - .about-services .author .author__img { - margin-right: 0; } + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + } + + .about-services .testimonial__wrapper_item-author .author__img, + .about-services .author .author__img { + margin-right: 0; + } + .main-instructor-featured-shape { - display: none; } + display: none; + } + .main-instructor-featured .instructor-overlay ul { -webkit-justify-content: space-around !important; - -ms-flex-pack: distribute !important; - justify-content: space-around !important; } - .main-instructor-featured .instructor-overlay ul li { - margin-right: 0px; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + + .main-instructor-featured .instructor-overlay ul li { + margin-right: 0px; + } + .main-become-instructor-shape img, .main-events-featured-shape .shape01 { - display: none; } + display: none; + } + .main-events-featured .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .main-become-instructor { padding: 30px 0px !important; - padding-top: 150px !important; } - .main-become-instructor-item { - margin-right: 0 !important; - margin-left: 0 !important; - margin-bottom: 135px; } - .main-become-instructor-item .main-text h6, .main-become-instructor-item .main-text .h6 { - font-size: 20px !important; } - .main-become-instructor-item .main-text .green-btn { - font-size: 12px; } } + padding-top: 150px !important; + } + + .main-become-instructor-item { + margin-right: 0 !important; + margin-left: 0 !important; + margin-bottom: 135px; + } + + .main-become-instructor-item .main-text h6, + .main-become-instructor-item .main-text .h6 { + font-size: 20px !important; + } + + .main-become-instructor-item .main-text .green-btn { + font-size: 12px; + } +} @media (max-width: 420px) { - .browse-categories h3, .browse-categories .h3 { - margin-bottom: 20px; } + + .browse-categories h3, + .browse-categories .h3 { + margin-bottom: 20px; + } + .browse-categories .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .browse-categories-shape { - display: none; } + display: none; + } + .browse-categories-item { margin-right: 0; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .browse-categories-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .about-services h3, .about-services .h3 { - margin-bottom: 20px; } + -ms-flex-direction: column; + flex-direction: column; + } + + .about-services h3, + .about-services .h3 { + margin-bottom: 20px; + } + .about-services-area { - margin-bottom: 30px; } + margin-bottom: 30px; + } + .about-services-shape { - display: none; } + display: none; + } + .about-services .testimonial__wrapper_item-author, .about-services .author { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; } - .about-services .testimonial__wrapper_item-author .author__img, - .about-services .author .author__img { - margin-right: 0; } + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + } + + .about-services .testimonial__wrapper_item-author .author__img, + .about-services .author .author__img { + margin-right: 0; + } + .main-instructor-featured-shape { - display: none; } + display: none; + } + .main-instructor-featured .instructor-overlay ul { -webkit-justify-content: space-around !important; - -ms-flex-pack: distribute !important; - justify-content: space-around !important; } - .main-instructor-featured .instructor-overlay ul li { - margin-right: 0px; } + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + + .main-instructor-featured .instructor-overlay ul li { + margin-right: 0px; + } + .main-become-instructor-shape img, .main-events-featured-shape .shape01 { - display: none; } + display: none; + } + .main-events-featured .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .main-become-instructor { padding: 30px 0px !important; - padding-top: 150px !important; } - .main-become-instructor-item { - margin-right: 0 !important; - margin-left: 0 !important; - margin-bottom: 135px; } - .main-become-instructor-item .main-text .green-btn { - font-size: 12px; } } + padding-top: 150px !important; + } + + .main-become-instructor-item { + margin-right: 0 !important; + margin-left: 0 !important; + margin-bottom: 135px; + } + + .main-become-instructor-item .main-text .green-btn { + font-size: 12px; + } +} @media (min-width: 320px) and (max-width: 574px) { .about-services .testimonial__wrapper_item { - padding: 24px 15px; } + padding: 24px 15px; + } + .main-events-featured .event { - margin-bottom: 15px; } - .learning-rules-ends > img { - height: auto; } } + margin-bottom: 15px; + } + + .learning-rules-ends>img { + height: auto; + } +} .brand-area-image { display: -webkit-box !important; @@ -15617,50 +22488,69 @@ .brand-area-image { display: flex !important; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 60px; } + -ms-flex-align: center; + align-items: center; + height: 60px; +} -.banner-two-start h1, .banner-two-start .h1 { - margin-bottom: 20px; } +.banner-two-start h1, +.banner-two-start .h1 { + margin-bottom: 20px; +} .banner-two-start p { max-width: 525px; color: #666575; font-size: 20px; line-height: 28px; - margin-bottom: 30px; } + margin-bottom: 30px; +} .banner-two-end { position: relative; - z-index: -1; } - .banner-two-end .image img { - position: relative; - z-index: 5; - border-radius: 10px; - border: 5px solid #ffffff; - -webkit-filter: drop-shadow(0px 36px 70px rgba(10, 9, 86, 0.14)); - filter: drop-shadow(0px 36px 70px rgba(10, 9, 86, 0.14)); } - .banner-two-end .image-shapes img { - position: absolute; - z-index: 1; } - .banner-two-end .image-shapes .shape01 { - top: -110px; - left: -65px; } - .banner-two-end .image-shapes .shape02 { - top: -60px; - right: -60px; } - .banner-two-end .image-shapes .shape03 { - bottom: -60px; - right: -40px; } + z-index: -1; +} + +.banner-two-end .image img { + position: relative; + z-index: 5; + border-radius: 10px; + border: 5px solid #ffffff; + -webkit-filter: drop-shadow(0px 36px 70px rgba(10, 9, 86, 0.14)); + filter: drop-shadow(0px 36px 70px rgba(10, 9, 86, 0.14)); +} + +.banner-two-end .image-shapes img { + position: absolute; + z-index: 1; +} + +.banner-two-end .image-shapes .shape01 { + top: -110px; + left: -65px; +} + +.banner-two-end .image-shapes .shape02 { + top: -60px; + right: -60px; +} + +.banner-two-end .image-shapes .shape03 { + bottom: -60px; + right: -40px; +} .home-top-feature { position: relative; - margin-top: -150px; } - @media (max-width: 991px) { - .home-top-feature { - margin-top: 0px; - padding-top: 50px; } } + margin-top: -150px; +} + +@media (max-width: 991px) { + .home-top-feature { + margin-top: 0px; + padding-top: 50px; + } +} .banner-input { display: -webkit-box; @@ -15674,153 +22564,226 @@ .banner-input { position: relative; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; border-radius: 6px; background: #ffffff; -webkit-box-shadow: 0px 32px 60px rgba(2, 100, 237, 0.08); - box-shadow: 0px 32px 60px rgba(2, 100, 237, 0.08); } - @media (max-width: 767px) { - .banner-input { - width: 100%; } } - @media (max-width: 575px) { - .banner-input { - height: auto; - padding: 18px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } } + box-shadow: 0px 32px 60px rgba(2, 100, 237, 0.08); +} + +@media (max-width: 767px) { + .banner-input { + width: 100%; + } +} + +@media (max-width: 575px) { + .banner-input { + height: auto; + padding: 18px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.banner-input .main-input { + margin-left: 13px; + width: 315px; +} + +@media (max-width: 575px) { .banner-input .main-input { - margin-left: 13px; - width: 315px; } - @media (max-width: 575px) { - .banner-input .main-input { - margin: 0px; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 16px; } } - @media (max-width: 480px) { - .banner-input .main-input { - width: 100%; } } - .banner-input .main-input svg { - top: 50%; - left: 30px; - color: #42414b; - position: absolute; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); } - @media (max-width: 575px) { - .banner-input .main-input svg { - position: static; - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - top: auto; - left: auto; - margin-right: 15px; - -webkit-transform: translateY(0px); - transform: translateY(0px); } } - .banner-input .main-input input { - width: inherit; - border: none; - font-size: 16px; - line-height: 24px; - padding-left: 5px; - padding-right: 15px; } - .banner-input .main-input input::-webkit-input-placeholder { - color: #8f8fa3; } - .banner-input .main-input input::-moz-placeholder { - color: #8f8fa3; } - .banner-input .main-input input:-ms-input-placeholder { - color: #8f8fa3; } - .banner-input .main-input input::-ms-input-placeholder { - color: #8f8fa3; } - .banner-input .main-input input::placeholder { - color: #8f8fa3; } - @media (max-width: 575px) { - .banner-input .main-input input { - padding: 0px; - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; } } - @media (max-width: 575px) { - .banner-input .search-button { - width: 100%; } } - .banner-input .search-button .button { - width: inherit; } + margin: 0px; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 16px; + } +} + +@media (max-width: 480px) { + .banner-input .main-input { + width: 100%; + } +} + +.banner-input .main-input svg { + top: 50%; + left: 30px; + color: #42414b; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +@media (max-width: 575px) { + .banner-input .main-input svg { + position: static; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + top: auto; + left: auto; + margin-right: 15px; + -webkit-transform: translateY(0px); + transform: translateY(0px); + } +} + +.banner-input .main-input input { + width: inherit; + border: none; + font-size: 16px; + line-height: 24px; + padding-left: 5px; + padding-right: 15px; +} + +.banner-input .main-input input::-webkit-input-placeholder { + color: #8f8fa3; +} + +.banner-input .main-input input::-moz-placeholder { + color: #8f8fa3; +} + +.banner-input .main-input input:-ms-input-placeholder { + color: #8f8fa3; +} + +.banner-input .main-input input::-ms-input-placeholder { + color: #8f8fa3; +} + +.banner-input .main-input input::placeholder { + color: #8f8fa3; +} + +@media (max-width: 575px) { + .banner-input .main-input input { + padding: 0px; + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + } +} + +@media (max-width: 575px) { + .banner-input .search-button { + width: 100%; + } +} + +.banner-input .search-button .button { + width: inherit; +} .intro-featured { padding-bottom: 100px; margin-top: -150px; z-index: 999; - position: relative; } - .intro-featured .successful-instructor-feature { - cursor: pointer; } - .intro-featured .successful-instructor-feature:hover .successful-instructor-feature-image.first-bg { - background-color: #00af91 !important; } - .intro-featured .successful-instructor-feature:hover .successful-instructor-feature-image.second-bg { - background-color: #1089ff !important; } - .intro-featured .successful-instructor-feature:hover .successful-instructor-feature-image.third-bg { - background-color: #ff7a1a !important; - color: white !important; } - .intro-featured .successful-instructor-feature-image.first-bg { - background-color: rgba(0, 175, 145, 0.1); - color: #00af91; } - .intro-featured .successful-instructor-feature-image.second-bg { - background-color: rgba(16, 137, 255, 0.1); - color: #1089ff; } - .intro-featured .successful-instructor-feature-image.third-bg { - background-color: rgba(255, 122, 26, 0.1); - color: #ff7a1a; } + position: relative; +} + +.intro-featured .successful-instructor-feature { + cursor: pointer; +} + +.intro-featured .successful-instructor-feature:hover .successful-instructor-feature-image.first-bg { + background-color: #00af91 !important; +} + +.intro-featured .successful-instructor-feature:hover .successful-instructor-feature-image.second-bg { + background-color: #1089ff !important; +} + +.intro-featured .successful-instructor-feature:hover .successful-instructor-feature-image.third-bg { + background-color: #ff7a1a !important; + color: white !important; +} + +.intro-featured .successful-instructor-feature-image.first-bg { + background-color: rgba(0, 175, 145, 0.1); + color: #00af91; +} + +.intro-featured .successful-instructor-feature-image.second-bg { + background-color: rgba(16, 137, 255, 0.1); + color: #1089ff; +} + +.intro-featured .successful-instructor-feature-image.third-bg { + background-color: rgba(255, 122, 26, 0.1); + color: #ff7a1a; +} .featured-categories { - overflow: hidden; } - .featured-categories h3, .featured-categories .h3 { - color: #202029 !important; - margin-bottom: 50px; } - .featured-categories .category { - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .featured-categories .category:hover .category__tittle a { - color: #0264ed; } - .featured-categories .category__img a { - display: block; } - .featured-categories .btn-primary { - margin-top: 50px; } + overflow: hidden; +} -.featured-popular-courses-heading .main-heading h3, .featured-popular-courses-heading .main-heading .h3 { - color: #202029; } +.featured-categories h3, +.featured-categories .h3 { + color: #202029 !important; + margin-bottom: 50px; +} + +.featured-categories .category { + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.featured-categories .category:hover .category__tittle a { + color: #0264ed; +} + +.featured-categories .category__img a { + display: block; +} + +.featured-categories .btn-primary { + margin-top: 50px; +} + +.featured-popular-courses-heading .main-heading h3, +.featured-popular-courses-heading .main-heading .h3 { + color: #202029; +} .featured-popular-courses-heading .nav-button .nav-pills { - border-bottom: 1px solid white; } + border-bottom: 1px solid white; +} .featured-popular-courses-heading .nav-button .active { color: #202029 !important; - position: relative; } - .featured-popular-courses-heading .nav-button .active::after { - position: absolute; - content: ''; - background-color: #0264ed; - height: 3px; - width: 100%; - border-radius: 70px; - bottom: 0px; - left: 0px; } + position: relative; +} + +.featured-popular-courses-heading .nav-button .active::after { + position: absolute; + content: ''; + background-color: #0264ed; + height: 3px; + width: 100%; + border-radius: 70px; + bottom: 0px; + left: 0px; +} .featured-popular-courses-heading .nav-button .nav-link { border: none; @@ -15829,132 +22792,186 @@ .featured-popular-courses-heading .nav-button .nav-link { padding-left: 0px; padding-right: 0px; margin-right: 24px; - background-color: transparent; } + background-color: transparent; +} .featured-popular-courses-shape img { - position: absolute; } + position: absolute; +} .featured-popular-courses-shape .shape-01 { top: -25px; - right: 85px; } + right: 85px; +} .featured-popular-courses-shape .shape-02 { top: 350px; - left: 0; } + left: 0; +} .featured-popular-courses-shape .shape-03 { bottom: 175px; - right: 85px; } + right: 85px; +} .featured-popular-courses .button { - margin-top: 30px; } + margin-top: 30px; +} .featured-popular-courses .contentCard { - margin-bottom: 24px; } + margin-bottom: 24px; +} .students-says .testimonial__wrapper_title { - margin-bottom: 30px; } - .students-says .testimonial__wrapper_title h3, .students-says .testimonial__wrapper_title .h3 { - color: #202029 !important; - margin-bottom: 40px; } + margin-bottom: 30px; +} + +.students-says .testimonial__wrapper_title h3, +.students-says .testimonial__wrapper_title .h3 { + color: #202029 !important; + margin-bottom: 40px; +} .students-says .testimonial__wrapper_item p { color: #666575 !important; - font-style: normal !important; } + font-style: normal !important; +} .students-says .testimonial__wrapper_item-author .author__img { width: 64px; - height: 64px; } - .students-says .testimonial__wrapper_item-author .author__img img { - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; } + height: 64px; +} -.students-says .testimonial__wrapper_item-author .author__name h6, .students-says .testimonial__wrapper_item-author .author__name .h6 { - color: #202029 !important; } +.students-says .testimonial__wrapper_item-author .author__img img { + max-width: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 50%; +} + +.students-says .testimonial__wrapper_item-author .author__name h6, +.students-says .testimonial__wrapper_item-author .author__name .h6 { + color: #202029 !important; +} .brands-area-two { padding-top: 40px; - padding-bottom: 100px; } - .brands-area-two-heading { - max-width: 430px; } - .brands-area-two-heading h4, .brands-area-two-heading .h4 { - color: #202029; - font-size: 24px; - font-weight: 500; - line-height: 30px; - margin-bottom: 12px; } - .brands-area-two-heading p { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; } + padding-bottom: 100px; +} -.best-instructor-featured h3, .best-instructor-featured .h3 { - color: #202029 !important; } +.brands-area-two-heading { + max-width: 430px; +} + +.brands-area-two-heading h4, +.brands-area-two-heading .h4 { + color: #202029; + font-size: 24px; + font-weight: 500; + line-height: 30px; + margin-bottom: 12px; +} + +.brands-area-two-heading p { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; +} + +.best-instructor-featured h3, +.best-instructor-featured .h3 { + color: #202029 !important; +} .best-instructor-featured .ourinstructor__wrapper .slider-arrows .prev-arrow, .best-instructor-featured .ourinstructor__wrapper .slider-arrows .next-arrow { - border-color: #ebebf2; } + border-color: #ebebf2; +} .latest-events-featured { - z-index: 1; } - .latest-events-featured.le-2 { - background-color: #fff; } - .latest-events-featured.le-2 .slider-arrows .prev-arrow, - .latest-events-featured.le-2 .slider-arrows .next-arrow { - border: 1px solid #ebebf2; } - .latest-events-featured h3, .latest-events-featured .h3 { - color: #202029 !important; - text-align: center; - margin-bottom: 50px; } - .latest-events-featured .latest-events-shape img { - position: absolute; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; } - .latest-events-featured .latest-events-shape img.shape-01 { - top: 0px; - left: 0px; } - .latest-events-featured .latest-events-shape img.shape-02 { - bottom: 30px; - right: 0px; } + z-index: 1; +} + +.latest-events-featured.le-2 { + background-color: #fff; +} + +.latest-events-featured.le-2 .slider-arrows .prev-arrow, +.latest-events-featured.le-2 .slider-arrows .next-arrow { + border: 1px solid #ebebf2; +} + +.latest-events-featured h3, +.latest-events-featured .h3 { + color: #202029 !important; + text-align: center; + margin-bottom: 50px; +} + +.latest-events-featured .latest-events-shape img { + position: absolute; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; +} + +.latest-events-featured .latest-events-shape img.shape-01 { + top: 0px; + left: 0px; +} + +.latest-events-featured .latest-events-shape img.shape-02 { + bottom: 30px; + right: 0px; +} .get-started { - background: rgba(235, 235, 242, 0.6); } - .get-started-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; } - .get-started-area::after { - position: absolute; - content: ''; - width: 1px; - height: 150px; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - background-color: rgba(143, 143, 163, 0.4); } - .get-started-item { - max-width: 500px; } - .get-started-item h6, .get-started-item .h6 { - color: #42414b; - margin-bottom: 10px; } - .get-started-item p { - margin-bottom: 20px; } + background: rgba(235, 235, 242, 0.6); +} + +.get-started-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + position: relative; +} + +.get-started-area::after { + position: absolute; + content: ''; + width: 1px; + height: 150px; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + background-color: rgba(143, 143, 163, 0.4); +} + +.get-started-item { + max-width: 500px; +} + +.get-started-item h6, +.get-started-item .h6 { + color: #42414b; + margin-bottom: 10px; +} + +.get-started-item p { + margin-bottom: 20px; +} .green-btn { color: white; @@ -15965,40 +22982,61 @@ .green-btn { background: #00af91; text-transform: uppercase; -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .green-btn:hover { - color: white; - background: #0264ed; - -webkit-box-shadow: 0px 10px 20px rgba(2, 100, 237, 0.25); - box-shadow: 0px 10px 20px rgba(2, 100, 237, 0.25); } + transition: 0.3s all linear; +} + +.green-btn:hover { + color: white; + background: #0264ed; + -webkit-box-shadow: 0px 10px 20px rgba(2, 100, 237, 0.25); + box-shadow: 0px 10px 20px rgba(2, 100, 237, 0.25); +} @media (max-width: 1200px) { .latest-events-featured .latest-events-shape img.shape-02 { - bottom: 0px; } + bottom: 0px; + } + .latest-events-featured .slider-arrows .slick-arrow { top: auto; - bottom: -90px; } + bottom: -90px; + } + .brands-area-two-heading { - margin-top: 15px; } } + margin-top: 15px; + } +} @media (min-width: 992px) and (max-width: 1200px) { + .featured-popular-courses-shape .shape-02, .featured-popular-courses-shape .shape-03 { - display: none; } - .testimonial__wrapper_title h3, .testimonial__wrapper_title .h3 { - font-size: 35px; } + display: none; + } + + .testimonial__wrapper_title h3, + .testimonial__wrapper_title .h3 { + font-size: 35px; + } + .get-started-area { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .get-started-item { - width: 48%; } + width: 48%; + } + .brand-area-image { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } } + display: flex !important; + } +} @media (max-width: 991px) { .main-banner-end { @@ -16008,357 +23046,595 @@ @media (max-width: 991px) { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .main-banner-end img { - height: 450px; - -o-object-fit: cover; - object-fit: cover; } + -ms-flex-pack: center; + justify-content: center; + } + + .main-banner-end img { + height: 450px; + -o-object-fit: cover; + object-fit: cover; + } + .latest-events-featured .latest-events-shape img.shape-02 { - bottom: 30px; } + bottom: 30px; + } + .testimonial.students-says .testimonial__wrapper { - margin-left: 0px; } - .students-says .testimonial__wrapper_title h3, .students-says .testimonial__wrapper_title .h3, + margin-left: 0px; + } + + .students-says .testimonial__wrapper_title h3, + .students-says .testimonial__wrapper_title .h3, .students-says .testimonial__wrapper_title .h3 { - margin-bottom: 15px !important; } + margin-bottom: 15px !important; + } + .students-says .testimonial__img .play-video { - right: 220px; } + right: 220px; + } + .testimonial__img .rectangle { bottom: -15px; - left: -35px; } + left: -35px; + } + .testimonial__img .dot { left: -45px; bottom: auto; - top: -55px; } } + top: -55px; + } +} @media (min-width: 768px) and (max-width: 991px) { .banner-two { -webkit-clip-path: none !important; - clip-path: none !important; } - .banner-two-start p { - font-size: 16px; } - .banner-two-end .image-shapes { - display: none; } + clip-path: none !important; + } + + .banner-two-start p { + font-size: 16px; + } + + .banner-two-end .image-shapes { + display: none; + } + .intro-featured { margin-top: 0 !important; padding-top: 30px; - padding-bottom: 30px; } - .featured-categories h3, .featured-categories .h3 { - margin-bottom: 0; } + padding-bottom: 30px; + } + + .featured-categories h3, + .featured-categories .h3 { + margin-bottom: 0; + } + .featured-categories .category__img { - margin-top: 25px; } + margin-top: 25px; + } + .featured-categories .category__img img { - width: 100%; } + width: 100%; + } + .featured-categories .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .featured-popular-courses-shape { - display: none; } + display: none; + } + .featured-popular-courses-heading { margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .featured-popular-courses-heading .main-heading { - text-align: center; } + -ms-flex-direction: column; + flex-direction: column; + } + + .featured-popular-courses-heading .main-heading { + text-align: center; + } + .featured-popular-courses .tab-content .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .students-says .testimonial__img { margin-bottom: 0; height: auto; width: 100%; - margin-left: 0; } + margin-left: 0; + } + .students-says .testimonial__wrapper { - margin-left: 0; } + margin-left: 0; + } + .students-says .testimonial__wrapper_title { margin-bottom: 15px; - margin-top: 20px; } + margin-top: 20px; + } + .students-says .testimonial__wrapper_item-author .author__img img { width: auto !important; - height: auto !important; } + height: auto !important; + } + .students-says .testimonial__wrapper_item-author { margin-top: 10px; - margin-bottom: 10px; } + margin-bottom: 10px; + } + .students-says .testimonial__wrapper_item p { - font-size: 14px !important; } + font-size: 14px !important; + } + .brand-area-image { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .brands-area-two { - padding-top: 0; } + padding-top: 0; + } + .get-started-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .get-started-area::after { - display: none !important; } } + -ms-flex-direction: column; + flex-direction: column; + } + + .get-started-area::after { + display: none !important; + } +} @media (max-width: 767px) { .students-says .testimonial__img .play-video { right: 50%; -webkit-transform: translate(-50%, -50%) !important; - transform: translate(-50%, -50%) !important; } + transform: translate(-50%, -50%) !important; + } + .students-says .testimonial__img { - margin-bottom: 15px !important; } + margin-bottom: 15px !important; + } + .students-says .testimonial__item p { font-size: 14px; - line-height: 24px; } - .students-says .testimonial__user-info h6, .students-says .testimonial__user-info .h6, + line-height: 24px; + } + + .students-says .testimonial__user-info h6, + .students-says .testimonial__user-info .h6, .testimonial__user-info .h6 { font-size: 14px; - line-height: 14px; } + line-height: 14px; + } + .students-says .testimonial__user-info span { font-size: 12px; - line-height: 12px; } + line-height: 12px; + } + .students-says .testimonial__item-star li svg { - height: 18px; } + height: 18px; + } + .students-says .testimonial__item-star li { - margin-right: 0px; } } + margin-right: 0px; + } +} @media (min-width: 575px) and (max-width: 767px) { .banner-two { -webkit-clip-path: none !important; - clip-path: none !important; } - .banner-two-end .image-shapes { - display: none; } + clip-path: none !important; + } + + .banner-two-end .image-shapes { + display: none; + } + .intro-featured { margin-top: 0 !important; padding-top: 30px; - padding-bottom: 30px; } - .featured-categories h3, .featured-categories .h3 { - margin-bottom: 0; } + padding-bottom: 30px; + } + + .featured-categories h3, + .featured-categories .h3 { + margin-bottom: 0; + } + .featured-categories .category__img { - margin-top: 25px; } + margin-top: 25px; + } + .featured-categories .category__img img { - width: 100%; } + width: 100%; + } + .featured-categories .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .featured-popular-courses-shape { - display: none; } + display: none; + } + .featured-popular-courses-heading { margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .featured-popular-courses-heading .main-heading { - text-align: center; } + -ms-flex-direction: column; + flex-direction: column; + } + + .featured-popular-courses-heading .main-heading { + text-align: center; + } + .featured-popular-courses .tab-content .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .students-says .testimonial__img { margin-bottom: 0; height: auto; width: 100%; - margin-left: 0; } + margin-left: 0; + } + .students-says .testimonial__wrapper { - margin-left: 0; } + margin-left: 0; + } + .students-says .testimonial__wrapper_title { margin-bottom: 15px; - margin-top: 20px; } + margin-top: 20px; + } + .students-says .testimonial__wrapper_item-author .author__img img { width: auto !important; - height: auto !important; } + height: auto !important; + } + .students-says .testimonial__wrapper_item-author { margin-top: 10px; - margin-bottom: 10px; } + margin-bottom: 10px; + } + .students-says .testimonial__wrapper_item p { - font-size: 14px !important; } + font-size: 14px !important; + } + .brand-area-image { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .brands-area-two { - padding-top: 0; } - .latest-events-featured h3, .latest-events-featured .h3 { - margin-bottom: 20px; } + padding-top: 0; + } + + .latest-events-featured h3, + .latest-events-featured .h3 { + margin-bottom: 20px; + } + .get-started-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .get-started-area::after { - display: none !important; } + -ms-flex-direction: column; + flex-direction: column; + } + + .get-started-area::after { + display: none !important; + } + .testimonial__img .rectangle { left: auto; - right: 0px; } + right: 0px; + } + .testimonial__img .dot { left: auto; - right: 0; } } + right: 0; + } +} @media (max-width: 420px) { .banner-two { -webkit-clip-path: none !important; - clip-path: none !important; } - .banner-two-end .image-shapes { - display: none; } + clip-path: none !important; + } + + .banner-two-end .image-shapes { + display: none; + } + .intro-featured { margin-top: 0 !important; padding-top: 30px; - padding-bottom: 30px; } - .featured-categories h3, .featured-categories .h3 { - margin-bottom: 0; } + padding-bottom: 30px; + } + + .featured-categories h3, + .featured-categories .h3 { + margin-bottom: 0; + } + .featured-categories .category__img { - margin-top: 25px; } + margin-top: 25px; + } + .featured-categories .category__img img { - width: 100%; } + width: 100%; + } + .featured-categories .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .featured-popular-courses-shape { - display: none; } + display: none; + } + .featured-popular-courses-heading { margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .featured-popular-courses-heading .main-heading { - text-align: center; } + -ms-flex-direction: column; + flex-direction: column; + } + + .featured-popular-courses-heading .main-heading { + text-align: center; + } + .featured-popular-courses .tab-content .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .students-says .testimonial__img { height: auto; width: 100%; - margin-left: 0; } - .students-says .testimonial__img .rectangle, - .students-says .testimonial__img .dot { - display: none; } + margin-left: 0; + } + + .students-says .testimonial__img .rectangle, + .students-says .testimonial__img .dot { + display: none; + } + .students-says .testimonial__wrapper_title { margin-bottom: 15px; - margin-top: 0px; } + margin-top: 0px; + } + .students-says .testimonial__wrapper_item-author .author__img img { width: auto !important; - height: auto !important; } + height: auto !important; + } + .students-says .testimonial__wrapper_item-author { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; margin-top: 10px; - margin-bottom: 10px; } + margin-bottom: 10px; + } + .students-says .testimonial__wrapper_item p { - font-size: 14px !important; } + font-size: 14px !important; + } + .banner-two-start p { - font-size: 16px !important; } + font-size: 16px !important; + } + .brands-area-two { - padding-top: 0; } - .latest-events-featured h3, .latest-events-featured .h3 { - margin-bottom: 20px; } + padding-top: 0; + } + + .latest-events-featured h3, + .latest-events-featured .h3 { + margin-bottom: 20px; + } + .get-started-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .get-started-area::after { - display: none !important; } + -ms-flex-direction: column; + flex-direction: column; + } + + .get-started-area::after { + display: none !important; + } + .brand-area-image { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } } + display: flex !important; + } +} @media (min-width: 420px) and (max-width: 574px) { .banner-two { -webkit-clip-path: none !important; - clip-path: none !important; } - .banner-two-end .image-shapes { - display: none; } + clip-path: none !important; + } + + .banner-two-end .image-shapes { + display: none; + } + .intro-featured { margin-top: 0 !important; padding-top: 30px; - padding-bottom: 30px; } - .featured-categories h3, .featured-categories .h3 { - margin-bottom: 0; } + padding-bottom: 30px; + } + + .featured-categories h3, + .featured-categories .h3 { + margin-bottom: 0; + } + .featured-categories .category__img { - margin-top: 25px; } + margin-top: 25px; + } + .featured-categories .category__img img { - width: 100%; } + width: 100%; + } + .featured-categories .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .featured-popular-courses-shape { - display: none; } + display: none; + } + .featured-popular-courses-heading { margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .featured-popular-courses-heading .main-heading { - text-align: center; } + -ms-flex-direction: column; + flex-direction: column; + } + + .featured-popular-courses-heading .main-heading { + text-align: center; + } + .featured-popular-courses .tab-content .btn-primary { - margin-top: 20px; } + margin-top: 20px; + } + .students-says .testimonial__img { height: auto; width: 100%; - margin-left: 0; } - .students-says .testimonial__img .rectangle, - .students-says .testimonial__img .dot { - display: none; } + margin-left: 0; + } + + .students-says .testimonial__img .rectangle, + .students-says .testimonial__img .dot { + display: none; + } + .students-says .testimonial__wrapper { - margin-left: 0; } + margin-left: 0; + } + .students-says .testimonial__wrapper_title { margin-bottom: 15px; - margin-top: 20px; } + margin-top: 20px; + } + .students-says .testimonial__wrapper_item-author .author__img img { width: auto !important; - height: auto !important; } + height: auto !important; + } + .students-says .testimonial__wrapper_item-author { margin-top: 10px; - margin-bottom: 10px; } + margin-bottom: 10px; + } + .students-says .testimonial__wrapper_item p { - font-size: 14px !important; } + font-size: 14px !important; + } + .brand-area-image { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; - display: flex !important; } + display: flex !important; + } + .brands-area-two { - padding-top: 0; } - .latest-events-featured h3, .latest-events-featured .h3 { - margin-bottom: 20px; } + padding-top: 0; + } + + .latest-events-featured h3, + .latest-events-featured .h3 { + margin-bottom: 20px; + } + .get-started-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .get-started-area::after { - display: none !important; } } + -ms-flex-direction: column; + flex-direction: column; + } + + .get-started-area::after { + display: none !important; + } +} @media (min-width: 320px) and (max-width: 574px) { .featured-popular-courses-heading .nav-button .nav-pills { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + -ms-flex-pack: center; + justify-content: center; + } + .latest-events-shape { - display: none; } + display: none; + } + .testimonial__wrapper { - padding-left: 0px; } + padding-left: 0px; + } + .students-says .testimonial__wrapper_item-author { -webkit-box-align: start; -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .students-says .testimonial__wrapper_item-author .author__name h6, .students-says .testimonial__wrapper_item-author .author__name .h6, + -ms-flex-align: start; + align-items: flex-start; + } + + .students-says .testimonial__wrapper_item-author .author__name h6, + .students-says .testimonial__wrapper_item-author .author__name .h6, .students-says .testimonial__wrapper_item-author .author__name .h6 { font-size: 18px !important; - line-height: 28px !important; } + line-height: 28px !important; + } + .students-says .testimonial__wrapper_item-author .review { - margin-left: 75px; } + margin-left: 75px; + } + .students-says .testimonial__img .play-video { - right: 65px; } } + right: 65px; + } +} .banner-three { z-index: 3; @@ -16370,52 +23646,75 @@ .banner-three { position: relative; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-clip-path: ellipse(100% 100% at 50% 0%); - clip-path: ellipse(100% 100% at 50% 0%); } - @media (max-width: 767px) { - .banner-three { - height: 60vh; } } - .banner-three::after { - content: ''; - position: absolute; - top: 0; - left: 0; - z-index: -1; - width: 100%; - height: 100%; - background: linear-gradient(79.58deg, rgba(0, 0, 0, 0.65) 24.18%, rgba(0, 0, 0, 0) 70.64%); } - .banner-three .playbtn-area { - position: absolute; - right: 0px; - bottom: calc(0% + 15px); } - .banner-three .playbtn-area .pulse { - -webkit-animation: pulse-animation 2s infinite; - animation: pulse-animation 2s infinite; } + clip-path: ellipse(100% 100% at 50% 0%); +} + +@media (max-width: 767px) { + .banner-three { + height: 60vh; + } +} + +.banner-three::after { + content: ''; + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; + background: linear-gradient(79.58deg, rgba(0, 0, 0, 0.65) 24.18%, rgba(0, 0, 0, 0) 70.64%); +} + +.banner-three .playbtn-area { + position: absolute; + right: 0px; + bottom: calc(0% + 15px); +} + +.banner-three .playbtn-area .pulse { + -webkit-animation: pulse-animation 2s infinite; + animation: pulse-animation 2s infinite; +} @-webkit-keyframes pulse-animation { 0% { -webkit-box-shadow: 0 0 0 0px rgba(253, 251, 251, 0.2); - box-shadow: 0 0 0 0px rgba(253, 251, 251, 0.2); } + box-shadow: 0 0 0 0px rgba(253, 251, 251, 0.2); + } + 100% { -webkit-box-shadow: 0 0 0 20px rgba(253, 253, 253, 0); - box-shadow: 0 0 0 20px rgba(253, 253, 253, 0); } } + box-shadow: 0 0 0 20px rgba(253, 253, 253, 0); + } +} @keyframes pulse-animation { 0% { -webkit-box-shadow: 0 0 0 0px rgba(253, 251, 251, 0.2); - box-shadow: 0 0 0 0px rgba(253, 251, 251, 0.2); } + box-shadow: 0 0 0 0px rgba(253, 251, 251, 0.2); + } + 100% { -webkit-box-shadow: 0 0 0 20px rgba(253, 253, 253, 0); - box-shadow: 0 0 0 20px rgba(253, 253, 253, 0); } } - .banner-three h1, .banner-three .h1 { - color: white !important; } - .banner-three p { - color: #fff; - max-width: 525px; - font-size: 20px !important; - padding: 15px 0px 30px 0px; } + box-shadow: 0 0 0 20px rgba(253, 253, 253, 0); + } +} + +.banner-three h1, +.banner-three .h1 { + color: white !important; +} + +.banner-three p { + color: #fff; + max-width: 525px; + font-size: 20px !important; + padding: 15px 0px 30px 0px; +} .btn-white { display: inline-block; @@ -16427,1353 +23726,2088 @@ .btn-white { font-size: 16px; letter-spacing: 0.04em; -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1); - box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1); + box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1); border-radius: 3px; -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .btn-white:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #1089ff !important; } + transition: 0.3s all linear; +} + +.btn-white:hover { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #1089ff !important; +} .new-course-feature { position: relative; - z-index: 1; } - .new-course-feature h3, .new-course-feature .h3 { - text-align: center; - color: #202029 !important; - margin-bottom: 50px; } - .new-course-feature .btn-primary { - margin-top: 50px; } + z-index: 1; +} + +.new-course-feature h3, +.new-course-feature .h3 { + text-align: center; + color: #202029 !important; + margin-bottom: 50px; +} + +.new-course-feature .btn-primary { + margin-top: 50px; +} .new-course-overlay img { position: absolute; top: 0; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; pointer-events: none; - z-index: -1; } - .new-course-overlay img.shape01 { - top: -35px; - right: 0px; } - .new-course-overlay img.shape02 { - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - left: 0; } + z-index: -1; +} + +.new-course-overlay img.shape01 { + top: -35px; + right: 0px; +} + +.new-course-overlay img.shape02 { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: 0; +} .featured-course { - margin: 0px 15px; } - .featured-course-image a { - display: block; } - .featured-course-image a img { - border-radius: 5px 5px 0px 0px; } - .featured-course-info { - padding: 12px 0px; - border-top: 1px solid #ebebf2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .featured-course-info .course-view { - padding-left: 12px; } - .featured-course-info .course-view svg { - color: #1089ff; - width: 18px; - height: 18px; - margin-right: 5px; } - .featured-course-info .course-view span { - font-size: 14px; - color: #42414b; } - .featured-course-info .course-lesson svg { - color: #00af91; - width: 18px; - height: 18px; - margin-right: 5px; } - .featured-course-info .course-lesson span { - font-size: 14px; - color: #42414b; } - .featured-course-info .course-hours { - padding-right: 12px; } - .featured-course-info .course-hours svg { - color: #ffc91b; - width: 18px; - height: 18px; - margin-right: 5px; } - .featured-course-info .course-hours span { - font-size: 14px; - color: #42414b; } - .featured-course .featured-course-text { - border-radius: 0px 0px 5px 5px; - background-color: white; - padding-top: 20px; } - .featured-course .featured-course-text small.category-name, .featured-course .featured-course-text .category-name.small { - display: block; - margin-bottom: 3px; - padding-left: 12px; - font-family: 'Poppins', sans-serif; - font-weight: 500; - font-size: 12px; - letter-spacing: 2px; - text-transform: uppercase; - color: #8f8fa3; } - .featured-course .featured-course-text h6, .featured-course .featured-course-text .h6 { - padding: 0px 12px; - margin-bottom: 12px; } - .featured-course .featured-course-text h6 a, .featured-course .featured-course-text .h6 a { - display: block; - font-family: 'Poppins', sans-serif; - font-weight: 500; - font-size: 20px; - line-height: 28px; - color: #202029; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .featured-course .featured-course-text h6 a:hover, .featured-course .featured-course-text .h6 a:hover { - color: #1089ff; } - .featured-course .featured-course-text .course-card { - margin-bottom: 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 0px 12px; } - .featured-course .featured-course-text .course-card-start h6, .featured-course .featured-course-text .course-card-start .h6 { - padding: 0; - margin-bottom: 0; - font-family: 'Poppins', sans-serif; - font-weight: 500; - font-size: 18px !important; - color: #42414b !important; } - .featured-course .featured-course-text .course-card-start h6 span, .featured-course .featured-course-text .course-card-start .h6 span { - font-size: 14px !important; - color: #8f8fa3 !important; } - .featured-course .featured-course-text .course-card-end svg { - color: #ff7a1a; - width: 18px; - height: 18px; - margin-right: 2px; } - .featured-course .featured-course-text .course-card-end small, .featured-course .featured-course-text .course-card-end .small { - font-size: 16px; - color: #42414b; } - .featured-course .featured-course-text .course-card-end small span, .featured-course .featured-course-text .course-card-end .small span { - font-size: 14px; - color: #8f8fa3; } + margin: 0px 15px; +} + +.featured-course-image a { + display: block; +} + +.featured-course-image a img { + border-radius: 5px 5px 0px 0px; +} + +.featured-course-info { + padding: 12px 0px; + border-top: 1px solid #ebebf2; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.featured-course-info .course-view { + padding-left: 12px; +} + +.featured-course-info .course-view svg { + color: #1089ff; + width: 18px; + height: 18px; + margin-right: 5px; +} + +.featured-course-info .course-view span { + font-size: 14px; + color: #42414b; +} + +.featured-course-info .course-lesson svg { + color: #00af91; + width: 18px; + height: 18px; + margin-right: 5px; +} + +.featured-course-info .course-lesson span { + font-size: 14px; + color: #42414b; +} + +.featured-course-info .course-hours { + padding-right: 12px; +} + +.featured-course-info .course-hours svg { + color: #ffc91b; + width: 18px; + height: 18px; + margin-right: 5px; +} + +.featured-course-info .course-hours span { + font-size: 14px; + color: #42414b; +} + +.featured-course .featured-course-text { + border-radius: 0px 0px 5px 5px; + background-color: white; + padding-top: 20px; +} + +.featured-course .featured-course-text small.category-name, +.featured-course .featured-course-text .category-name.small { + display: block; + margin-bottom: 3px; + padding-left: 12px; + font-family: 'Poppins', sans-serif; + font-weight: 500; + font-size: 12px; + letter-spacing: 2px; + text-transform: uppercase; + color: #8f8fa3; +} + +.featured-course .featured-course-text h6, +.featured-course .featured-course-text .h6 { + padding: 0px 12px; + margin-bottom: 12px; +} + +.featured-course .featured-course-text h6 a, +.featured-course .featured-course-text .h6 a { + display: block; + font-family: 'Poppins', sans-serif; + font-weight: 500; + font-size: 20px; + line-height: 28px; + color: #202029; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.featured-course .featured-course-text h6 a:hover, +.featured-course .featured-course-text .h6 a:hover { + color: #1089ff; +} + +.featured-course .featured-course-text .course-card { + margin-bottom: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0px 12px; +} + +.featured-course .featured-course-text .course-card-start h6, +.featured-course .featured-course-text .course-card-start .h6 { + padding: 0; + margin-bottom: 0; + font-family: 'Poppins', sans-serif; + font-weight: 500; + font-size: 18px !important; + color: #42414b !important; +} + +.featured-course .featured-course-text .course-card-start h6 span, +.featured-course .featured-course-text .course-card-start .h6 span { + font-size: 14px !important; + color: #8f8fa3 !important; +} + +.featured-course .featured-course-text .course-card-end svg { + color: #ff7a1a; + width: 18px; + height: 18px; + margin-right: 2px; +} + +.featured-course .featured-course-text .course-card-end small, +.featured-course .featured-course-text .course-card-end .small { + font-size: 16px; + color: #42414b; +} + +.featured-course .featured-course-text .course-card-end small span, +.featured-course .featured-course-text .course-card-end .small span { + font-size: 14px; + color: #8f8fa3; +} + +.featured-course .featured-instructor { + padding: 100px 0px; + background-color: white; +} + +.featured-course .featured-instructor-image img { + z-index: 1; + position: relative; + border-radius: 8px; +} + +.featured-course .featured-instructor .image-shape { + z-index: -1; +} + +.featured-course .featured-instructor .image-shape img { + position: absolute; +} + +.featured-course .featured-instructor .image-shape .shape01 { + top: 25px; + left: -90px; +} + +.featured-course .featured-instructor .image-shape .shape02 { + right: 20px; + top: -60px; +} + +.featured-course .featured-instructor .image-shape .shape03 { + bottom: -30px; + left: -20px; +} + +.featured-course .featured-instructor-text { + padding-left: 25px; +} + +.featured-course .featured-instructor-text h3, +.featured-course .featured-instructor-text .h3 { + color: #202029 !important; +} + +.featured-course .featured-instructor-text h5, +.featured-course .featured-instructor-text .h5 { + font-weight: 300 !important; + font-size: 30px !important; + color: #202029 !important; +} + +.featured-course .featured-instructor-text p { + font-size: 18px !important; + margin-top: 20px; +} + +.featured-course .testimonial-area { + padding: 100px 0px; + background-color: white; +} + +.featured-course .testimonial-area h3, +.featured-course .testimonial-area .h3 { + color: #202029 !important; + margin-bottom: 50px; +} + +.featured-course .testimonial-area-item { + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; + padding: 24px 20px; + border: 2px solid #ebebf2; + border-radius: 5px; +} + +.featured-course .testimonial-area-item:hover { + border-color: #1089ff; +} + +.featured-course .testimonial-area-item .testimonial-rating { + margin-bottom: 10px; +} + +.featured-course .testimonial-area-item .testimonial-rating ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.featured-course .testimonial-area-item .testimonial-rating ul li { + margin-right: 5px; +} + +.featured-course .testimonial-area-item .testimonial-rating ul li svg { + color: #ff7a1a; + fill: #ff7a1a; +} + +.featured-course .testimonial-area-item p { + font-size: 15px !important; +} + +.featured-course .testimonial-area-item .testimonial-client { + margin-top: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.featured-course .testimonial-area-item .testimonial-client-image { + width: 42px; + height: 42px; + margin-right: 8px; +} + +.featured-course .testimonial-area-item .testimonial-client-image img { + max-width: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 50%; +} + +.featured-course .testimonial-area-item .testimonial-client-info h6, +.featured-course .testimonial-area-item .testimonial-client-info .h6 { + color: #42414b !important; + font-family: 'Poppins', sans-serif; + font-weight: 500; + font-size: 18px !important; +} + +.featured-course .testimonial-area-item .testimonial-client-info p { + font-size: 14px !important; +} + +@media (max-width: 1200px) { + .featured-course .banner-three .playbtn-area { + position: absolute; + bottom: 27%; + left: 20%; + } +} + +@media (max-width: 991px) { + .featured-course .banner-three { + padding: 200px 0px; + -webkit-clip-path: none !important; + clip-path: none !important; + background-position: center !important; + background-size: cover !important; + position: relative; + } + + .featured-course .banner-three h1, + .featured-course .banner-three .h1 { + font-size: 36px !important; + } + + .featured-course .banner-three-content { + height: auto; + } + + .featured-course .banner-three p { + padding: 0px 0px 40px 0px; + max-width: 100%; + font-size: 16px !important; + } + + .featured-course .banner-three .btn-white { + padding: 15px 32px; + } + + .featured-course .new-course-feature { + padding: 30px 0px; + } + + .featured-course .new-course-feature h3, + .featured-course .new-course-feature .h3 { + margin-bottom: 20px; + font-size: 26px !important; + } + + .featured-course .new-course-feature .btn-primary { + margin-top: 30px; + } + + .featured-course .featured-course-image a img { + width: 100%; + } + .featured-course .featured-instructor { - padding: 100px 0px; - background-color: white; } - .featured-course .featured-instructor-image img { - z-index: 1; - position: relative; - border-radius: 8px; } - .featured-course .featured-instructor .image-shape { - z-index: -1; } - .featured-course .featured-instructor .image-shape img { - position: absolute; } - .featured-course .featured-instructor .image-shape .shape01 { - top: 25px; - left: -90px; } - .featured-course .featured-instructor .image-shape .shape02 { - right: 20px; - top: -60px; } - .featured-course .featured-instructor .image-shape .shape03 { - bottom: -30px; - left: -20px; } - .featured-course .featured-instructor-text { - padding-left: 25px; } - .featured-course .featured-instructor-text h3, .featured-course .featured-instructor-text .h3 { - color: #202029 !important; } - .featured-course .featured-instructor-text h5, .featured-course .featured-instructor-text .h5 { - font-weight: 300 !important; - font-size: 30px !important; - color: #202029 !important; } - .featured-course .featured-instructor-text p { - font-size: 18px !important; - margin-top: 20px; } + padding: 30px 0px; + } + + .featured-course .featured-instructor .image-shape { + display: none; + } + + .featured-course .featured-instructor-text { + margin-top: 20px; + padding-left: 0; + } + + .featured-course .featured-instructor-text h3, + .featured-course .featured-instructor-text .h3 { + font-size: 26px !important; + } + + .featured-course .featured-instructor-text h5, + .featured-course .featured-instructor-text .h5 { + font-size: 22px !important; + margin-top: 10px; + } + + .featured-course .featured-instructor-text p { + font-size: 14px !important; + margin-top: 15px; + } + .featured-course .testimonial-area { - padding: 100px 0px; - background-color: white; } - .featured-course .testimonial-area h3, .featured-course .testimonial-area .h3 { - color: #202029 !important; - margin-bottom: 50px; } - .featured-course .testimonial-area-item { - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; - padding: 24px 20px; - border: 2px solid #ebebf2; - border-radius: 5px; } - .featured-course .testimonial-area-item:hover { - border-color: #1089ff; } - .featured-course .testimonial-area-item .testimonial-rating { - margin-bottom: 10px; } - .featured-course .testimonial-area-item .testimonial-rating ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .featured-course .testimonial-area-item .testimonial-rating ul li { - margin-right: 5px; } - .featured-course .testimonial-area-item .testimonial-rating ul li svg { - color: #ff7a1a; - fill: #ff7a1a; } - .featured-course .testimonial-area-item p { - font-size: 15px !important; } - .featured-course .testimonial-area-item .testimonial-client { - margin-top: 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .featured-course .testimonial-area-item .testimonial-client-image { - width: 42px; - height: 42px; - margin-right: 8px; } - .featured-course .testimonial-area-item .testimonial-client-image img { - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; } - .featured-course .testimonial-area-item .testimonial-client-info h6, .featured-course .testimonial-area-item .testimonial-client-info .h6 { - color: #42414b !important; - font-family: 'Poppins', sans-serif; - font-weight: 500; - font-size: 18px !important; } - .featured-course .testimonial-area-item .testimonial-client-info p { - font-size: 14px !important; } - @media (max-width: 1200px) { - .featured-course .banner-three .playbtn-area { - position: absolute; - bottom: 27%; - left: 20%; } } - @media (max-width: 991px) { - .featured-course .banner-three { - padding: 200px 0px; - -webkit-clip-path: none !important; - clip-path: none !important; - background-position: center !important; - background-size: cover !important; - position: relative; } - .featured-course .banner-three h1, .featured-course .banner-three .h1 { - font-size: 36px !important; } - .featured-course .banner-three-content { - height: auto; } - .featured-course .banner-three p { - padding: 0px 0px 40px 0px; - max-width: 100%; - font-size: 16px !important; } - .featured-course .banner-three .btn-white { - padding: 15px 32px; } - .featured-course .new-course-feature { - padding: 30px 0px; } - .featured-course .new-course-feature h3, .featured-course .new-course-feature .h3 { - margin-bottom: 20px; - font-size: 26px !important; } - .featured-course .new-course-feature .btn-primary { - margin-top: 30px; } - .featured-course .featured-course-image a img { - width: 100%; } - .featured-course .featured-instructor { - padding: 30px 0px; } - .featured-course .featured-instructor .image-shape { - display: none; } - .featured-course .featured-instructor-text { - margin-top: 20px; - padding-left: 0; } - .featured-course .featured-instructor-text h3, .featured-course .featured-instructor-text .h3 { - font-size: 26px !important; } - .featured-course .featured-instructor-text h5, .featured-course .featured-instructor-text .h5 { - font-size: 22px !important; - margin-top: 10px; } - .featured-course .featured-instructor-text p { - font-size: 14px !important; - margin-top: 15px; } - .featured-course .testimonial-area { - padding: 30px 0px; } - .featured-course .testimonial-area h3, .featured-course .testimonial-area .h3 { - margin-bottom: 20px; - line-height: 34px; - font-size: 26px !important; } - .featured-course .newsletter-area-normal { - padding: 30px 0px; } - .featured-course .newsletter-area-normal-start { - text-align: center; } - .featured-course .newsletter-area-normal-end { - padding-left: 0; - margin-top: 20px; } } - @media (min-width: 768px) and (max-width: 991px) { - .featured-course .playbtn-area { - bottom: 0; - bottom: 85px; - left: 255px; } } - @media (min-width: 992px) and (max-width: 1200px) { - .featured-course .banner-three .playbtn-area { - bottom: 370px; } - .featured-course .featured-course .featured-course-text h6 a, .featured-course .featured-course .featured-course-text .h6 a { - font-size: 18px !important; } } - @media (max-width: 767px) { - .featured-course .play-button { - width: 50px; - height: 50px; } - .featured-course .banner-three .playbtn-area { - bottom: 60px; - left: 220px; } - .featured-course .new-course-feature .row { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } } - @media (min-width: 320px) and (max-width: 574px) { - .featured-course .banner-three { - padding: 120px 0px !important; } - .featured-course .banner-three p { - padding: 15px 0px; } - .featured-course .playbtn-area svg { - height: 15px; } - .featured-course .new-course-feature .new-course-overlay { - display: none; } - .featured-course .featured-instructor-text h5, .featured-course .featured-instructor-text .h5, - .featured-course .featured-instructor-text .h5 { - font-size: 18px !important; - line-height: 28px !important; } - .featured-course .featured-instructor-image img { - width: 100%; } } + padding: 30px 0px; + } + + .featured-course .testimonial-area h3, + .featured-course .testimonial-area .h3 { + margin-bottom: 20px; + line-height: 34px; + font-size: 26px !important; + } + + .featured-course .newsletter-area-normal { + padding: 30px 0px; + } + + .featured-course .newsletter-area-normal-start { + text-align: center; + } + + .featured-course .newsletter-area-normal-end { + padding-left: 0; + margin-top: 20px; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .featured-course .playbtn-area { + bottom: 0; + bottom: 85px; + left: 255px; + } +} + +@media (min-width: 992px) and (max-width: 1200px) { + .featured-course .banner-three .playbtn-area { + bottom: 370px; + } + + .featured-course .featured-course .featured-course-text h6 a, + .featured-course .featured-course .featured-course-text .h6 a { + font-size: 18px !important; + } +} + +@media (max-width: 767px) { + .featured-course .play-button { + width: 50px; + height: 50px; + } + + .featured-course .banner-three .playbtn-area { + bottom: 60px; + left: 220px; + } + + .featured-course .new-course-feature .row { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} + +@media (min-width: 320px) and (max-width: 574px) { + .featured-course .banner-three { + padding: 120px 0px !important; + } + + .featured-course .banner-three p { + padding: 15px 0px; + } + + .featured-course .playbtn-area svg { + height: 15px; + } + + .featured-course .new-course-feature .new-course-overlay { + display: none; + } + + .featured-course .featured-instructor-text h5, + .featured-course .featured-instructor-text .h5, + .featured-course .featured-instructor-text .h5 { + font-size: 18px !important; + line-height: 28px !important; + } + + .featured-course .featured-instructor-image img { + width: 100%; + } +} @media (max-width: 1200px) { .banner-three .playbtn-area { bottom: calc(0% + 0px); right: auto; - left: calc(30% + 35px); } } + left: calc(30% + 35px); + } +} @media (max-width: 574px) { .banner-three .playbtn-area { - left: calc(30% + 100px); } } + left: calc(30% + 100px); + } +} .intro-image { - z-index: 1; } + z-index: 1; +} .brand-area img { -o-object-fit: cover !important; - object-fit: cover !important; } + object-fit: cover !important; +} .slick-slide img { margin: auto; -o-object-fit: cover !important; - object-fit: cover !important; } + object-fit: cover !important; +} .intro-shape img { position: absolute; - z-index: -1; } + z-index: -1; +} .intro-shape .shape-01 { top: -45px; - left: 5px; } + left: 5px; +} .intro-shape .shape-02 { bottom: -30px; - right: 30px; } + right: 30px; +} .about-feature { padding: 40px 30px; border-radius: 5px; - border: 2px solid #ebebf2; } - .about-feature.dark-feature { - border: 2px solid #25252e; - background-color: #25252e; } - .about-feature.dark-feature h3, .about-feature.dark-feature .h3 { - color: #202029 !important; } - .about-feature.dark-feature p { - color: #8f8fa3 !important; } - .about-feature h5, .about-feature .h5 { - margin-bottom: 15px; } - .about-feature p { - color: #666575; } + border: 2px solid #ebebf2; +} + +.about-feature.dark-feature { + border: 2px solid #25252e; + background-color: #25252e; +} + +.about-feature.dark-feature h3, +.about-feature.dark-feature .h3 { + color: #202029 !important; +} + +.about-feature.dark-feature p { + color: #8f8fa3 !important; +} + +.about-feature h5, +.about-feature .h5 { + margin-bottom: 15px; +} + +.about-feature p { + color: #666575; +} @media (max-width: 1200px) { .section-pb-sm { - padding-bottom: 90px !important; } } + padding-bottom: 90px !important; + } +} @media (min-width: 992px) and (max-width: 1200px) { .breadcrumb { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .intro-image { - margin: 0 !important; } + margin: 0 !important; + } + .slick-slide img { - margin: auto; } + margin: auto; + } + .instructor-overlay { bottom: 40%; -webkit-transform: translateY(-60%); - transform: translateY(-60%); } } + transform: translateY(-60%); + } +} @media (max-width: 991px) { .about-intro { - margin-top: 0px; } - .about-intro__img-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - margin-bottom: 30px; } - .about-intro__img-wrapper img { - height: 290px; } - .about-intro__textContent h3, .about-intro__textContent .h3 { - font-size: 38px; - line-height: 52px; } + margin-top: 0px; + } + + .about-intro__img-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + margin-bottom: 30px; + } + + .about-intro__img-wrapper img { + height: 290px; + } + + .about-intro__textContent h3, + .about-intro__textContent .h3 { + font-size: 38px; + line-height: 52px; + } + .aboutFeature { - padding: 30px 0px !important; } + padding: 30px 0px !important; + } + .intro-shape { - display: none; } } + display: none; + } +} @media (min-width: 768px) and (max-width: 991px) { .breadcrumb { - padding-bottom: 5px; } + padding-bottom: 5px; + } + .about-intro { padding-bottom: 30px; - margin-bottom: 0; } + margin-bottom: 0; + } + .instructor-overlay { bottom: 30%; -webkit-transform: translateY(-70%); - transform: translateY(-70%); } + transform: translateY(-70%); + } + .slider-arrows { - display: none !important; } + display: none !important; + } + .newsletter__wrapper { - padding: 20px 10px; } - .newsletter__wrapper p { - text-align: left; } - .mentor__title h6, .mentor__title .h6 { - font-size: 16px; } + padding: 20px 10px; + } + + .newsletter__wrapper p { + text-align: left; + } + + .mentor__title h6, + .mentor__title .h6 { + font-size: 16px; + } + .about-intro { padding-top: 0px !important; - padding-bottom: 30px !important; } + padding-bottom: 30px !important; + } + .bestInstructor { - padding-top: 30px !important; } } + padding-top: 30px !important; + } +} @media (max-width: 767px) { .about-intro { - padding-top: 0px; } } + padding-top: 0px; + } +} @media (min-width: 575px) and (max-width: 767px) { .breadcrumb { - padding-bottom: 5px; } + padding-bottom: 5px; + } + .about-intro { padding-bottom: 30px; - margin-bottom: 0; } + margin-bottom: 0; + } + .instructor-overlay { bottom: 30%; -webkit-transform: translateY(-70%); - transform: translateY(-70%); } + transform: translateY(-70%); + } + .slider-arrows { - display: none !important; } + display: none !important; + } + .newsletter__wrapper { - padding: 20px 10px; } - .newsletter__wrapper p { - text-align: left; } - .mentor__title h6, .mentor__title .h6 { - font-size: 18px; } } + padding: 20px 10px; + } + + .newsletter__wrapper p { + text-align: left; + } + + .mentor__title h6, + .mentor__title .h6 { + font-size: 18px; + } +} @media (max-width: 420px) { .breadcrumb { - padding-bottom: 5px; } + padding-bottom: 5px; + } + .about-intro { padding-bottom: 30px; - margin-bottom: 0; } + margin-bottom: 0; + } + .instructor-overlay { bottom: 30%; -webkit-transform: translateY(-70%); - transform: translateY(-70%); } + transform: translateY(-70%); + } + .slider-arrows { - display: none !important; } + display: none !important; + } + .newsletter__wrapper { - padding: 20px 10px; } - .newsletter__wrapper p { - text-align: left; } } + padding: 20px 10px; + } + + .newsletter__wrapper p { + text-align: left; + } +} @media (min-width: 420px) and (max-width: 574px) { .breadcrumb { - padding-bottom: 5px; } + padding-bottom: 5px; + } + .about-intro { padding-bottom: 30px; - margin-bottom: 0; } + margin-bottom: 0; + } + .instructor-overlay { bottom: 30%; -webkit-transform: translateY(-70%); - transform: translateY(-70%); } + transform: translateY(-70%); + } + .slider-arrows { - display: none !important; } + display: none !important; + } + .newsletter__wrapper { - padding: 20px 10px; } - .newsletter__wrapper p { - text-align: left; } - .mentor__title h6, .mentor__title .h6 { - font-size: 18px; } } + padding: 20px 10px; + } + + .newsletter__wrapper p { + text-align: left; + } + + .mentor__title h6, + .mentor__title .h6 { + font-size: 18px; + } +} @media (min-width: 320px) and (max-width: 574px) { .about-intro { margin-top: 0px; - padding-top: 0px !important; } - .about-intro__img-wrapper { - margin-bottom: 15px; } - .about-intro__img-wrapper img { - height: auto; } + padding-top: 0px !important; + } + + .about-intro__img-wrapper { + margin-bottom: 15px; + } + + .about-intro__img-wrapper img { + height: auto; + } + .bestInstructor .ourinstructor-active .slick-dots { - bottom: 25px; } + bottom: 25px; + } + .brands { - background-color: #ebebf2 !important; } - .brands .py-80 { - padding: 0px !important; } + background-color: #ebebf2 !important; + } + + .brands .py-80 { + padding: 0px !important; + } + .about-feature { - padding: 40px 15px !important; } } + padding: 40px 15px !important; + } +} .students-info { - padding-top: 50px; } + padding-top: 50px; +} + +.students-info-intro { + margin-bottom: 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 50px 38px; + padding-bottom: 0px; + background-color: white; + border-radius: 6px; +} + +@media (max-width: 575px) { .students-info-intro { - margin-bottom: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 50px 38px; padding-bottom: 0px; - background-color: white; - border-radius: 6px; } - @media (max-width: 575px) { - .students-info-intro { - padding-bottom: 0px; } } - .students-info-intro__profile { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - @media (max-width: 991px) { - .students-info-intro__profile { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } } - .students-info-intro__profile > div { - width: 50%; } - @media (max-width: 991px) { - .students-info-intro__profile > div { - width: 100%; } } - .students-info-intro-start { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: relative; } - @media (max-width: 991px) { - .students-info-intro-start { - margin-bottom: 30px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } } - @media (max-width: 575px) { - .students-info-intro-start { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } } - .students-info-intro-start::after { - content: ''; - position: absolute; - right: 55px; - top: 0; - width: 1px; - height: 88px; - background-color: #ebebf2; } - .students-info-intro-start .image { - position: relative; - width: 88px; - height: 88px; - overflow: hidden; - margin-right: 24px; - border-radius: 50%; } - @media (max-width: 575px) { - .students-info-intro-start .image { - margin-right: 0px; - margin-bottom: 16px; } } - .students-info-intro-start .image img { - width: inherit; - height: inherit; - -o-object-fit: cover; - object-fit: cover; } - .students-info-intro-start .text h5, .students-info-intro-start .text .h5, - .students-info-intro-start .text p { - text-transform: capitalize; } - @media (max-width: 575px) { - .students-info-intro-start .text h5, .students-info-intro-start .text .h5, - .students-info-intro-start .text p { - text-align: center; } } - .students-info-intro-start .text h5, .students-info-intro-start .text .h5 { - font-size: 24px; - line-height: 30px; - color: #202029; - font-weight: 600; - margin-bottom: 8px; } - .students-info-intro-start .text p { - font-size: 18px; - line-height: 27px; - color: #8f8fa3; } - .students-info-intro-end { - padding-left: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - @media (max-width: 991px) { - .students-info-intro-end { - padding-left: 0px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } } - @media (max-width: 767px) { - .students-info-intro-end { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; } } - @media (max-width: 380px) { - .students-info-intro-end { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } } - @media (max-width: 480px) { - .students-info-intro-end .enrolled-courses, - .students-info-intro-end .completed-courses { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 50%; } } - @media (max-width: 380px) { - .students-info-intro-end .enrolled-courses, - .students-info-intro-end .completed-courses { - margin-bottom: 16px; } } - .students-info-intro-end .enrolled-courses-icon, - .students-info-intro-end .completed-courses-icon { - height: 64px; - width: 64px; - color: #1089ff; - overflow: hidden; - border-radius: 50%; - margin-right: 12px; - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: rgba(16, 137, 255, 0.1); } - @media (max-width: 480px) { - .students-info-intro-end .enrolled-courses-icon, - .students-info-intro-end .completed-courses-icon { - margin-right: 0px; - margin-bottom: 16px; } } - @media (max-width: 480px) { - .students-info-intro-end .enrolled-courses-text, - .students-info-intro-end .completed-courses-text { - text-align: center; } } - .students-info-intro-end .enrolled-courses { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: relative; - padding-right: 30px; } - @media (max-width: 767px) { - .students-info-intro-end .enrolled-courses { - padding-right: 0px; } } - .students-info-intro-end .enrolled-courses-text h5, .students-info-intro-end .enrolled-courses-text .h5 { - line-height: 36px; } - .students-info-intro-end .enrolled-courses-text p { - font-size: 14px !important; - line-height: 21px; } - .students-info-intro-end .completed-courses { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-left: 30px; - position: relative; } - @media (max-width: 767px) { - .students-info-intro-end .completed-courses { - padding-left: 0px; - padding-right: 0px; } } - .students-info-intro-end .completed-courses::after { - content: ''; - position: absolute; - top: 50%; - left: 0; - height: 46px; - width: 1px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: #ebebf2; } - @media (max-width: 767px) { - .students-info-intro-end .completed-courses::after { - background-color: transparent; } } - .students-info-intro-end .enrolled-courses-text h6, .students-info-intro-end .enrolled-courses-text .h6, .students-info-intro-end .enrolled-courses-text h5, .students-info-intro-end .enrolled-courses-text .h5, - .students-info-intro-end .completed-courses-text h6, - .students-info-intro-end .completed-courses-text .h6, - .students-info-intro-end .completed-courses-text h5, - .students-info-intro-end .completed-courses-text .h5 { - font-weight: 500; } - .students-info-intro-end .enrolled-courses-text p, - .students-info-intro-end .completed-courses-text p { - color: #8f8fa3; - white-space: nowrap; } - .students-info-intro nav { - margin-top: 40px; } - @media (max-width: 991px) { - .students-info-intro nav .nav { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - max-width: 1000px; - overflow-x: scroll; } } - .students-info-intro nav .nav button { - border: 0; - outline: 0; - padding: 0px; - padding-bottom: 13px; - font-size: 16px; - color: #666575; - line-height: 24px; - font-weight: 500; - margin-right: 62px; - position: relative; - text-transform: capitalize; - -webkit-transition: color 0.4s linear; - transition: color 0.4s linear; - background-color: transparent; - white-space: nowrap; } - @media (max-width: 1200px) { - .students-info-intro nav .nav button { - margin-right: 26px; } } - .students-info-intro nav .nav button::after { - content: ''; - position: absolute; - top: calc(100% - 3px); - left: 0px; - width: 100%; - height: 3px; - overflow: hidden; - border-radius: 16px; - background-color: transparent; } - .students-info-intro nav .nav button:nth-last-child(1) { - margin-right: 0px; } - .students-info-intro nav .nav button:focus { - -webkit-box-shadow: none; - box-shadow: none; - outline: none; } - .students-info-intro nav .nav button.active { - color: #202029; } - .students-info-intro nav .nav button.active::after { - background-color: #0264ed; } - .students-info-main .tab-content { - padding-top: 30px; } - .students-info-main .tab-content__profile { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - @media (max-width: 991px) { - .students-info-main .tab-content__profile { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } } - .students-info-main .tab-content__profile-content { - width: 50%; - margin-right: 30px; } - @media (max-width: 991px) { - .students-info-main .tab-content__profile-content { - width: 100%; - margin: 0px; - margin-bottom: 16px; } } - .students-info-main .tab-content__profile-content:nth-last-child(1) { - margin: 0px; } - .students-info-main .tab-content__profile-content .about-student, - .students-info-main .tab-content__profile-content .info-student { - height: 100% !important; } - .students-info-main .tab-content .info-student, - .students-info-main .tab-content .about-student { - padding: 24px; - background-color: #fff; - border-radius: 5px; - height: 100%; } - .students-info-main .tab-content .info-student span, - .students-info-main .tab-content .about-student span { - line-height: 30px; } - .students-info-main .tab-content .info-student-topic span { - font-size: 14px; - line-height: 21px; - font-family: 'Poppins', sans-serif; - font-weight: 500; - color: #666575; } - .students-info-main .tab-content .info-student-topic p { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; } - .students-info .about-student h6, .students-info .about-student .h6, - .students-info .info-student h6, - .students-info .info-student .h6 { - margin-bottom: 12px; } + } +} + +.students-info-intro__profile { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +@media (max-width: 991px) { + .students-info-intro__profile { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.students-info-intro__profile>div { + width: 50%; +} + +@media (max-width: 991px) { + .students-info-intro__profile>div { + width: 100%; + } +} + +.students-info-intro-start { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: relative; +} + +@media (max-width: 991px) { + .students-info-intro-start { + margin-bottom: 30px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} + +@media (max-width: 575px) { + .students-info-intro-start { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.students-info-intro-start::after { + content: ''; + position: absolute; + right: 55px; + top: 0; + width: 1px; + height: 88px; + background-color: #ebebf2; +} + +.students-info-intro-start .image { + position: relative; + width: 88px; + height: 88px; + overflow: hidden; + margin-right: 24px; + border-radius: 50%; +} + +@media (max-width: 575px) { + .students-info-intro-start .image { + margin-right: 0px; + margin-bottom: 16px; + } +} + +.students-info-intro-start .image img { + width: inherit; + height: inherit; + -o-object-fit: cover; + object-fit: cover; +} + +.students-info-intro-start .text h5, +.students-info-intro-start .text .h5, +.students-info-intro-start .text p { + text-transform: capitalize; +} + +@media (max-width: 575px) { + + .students-info-intro-start .text h5, + .students-info-intro-start .text .h5, + .students-info-intro-start .text p { + text-align: center; + } +} + +.students-info-intro-start .text h5, +.students-info-intro-start .text .h5 { + font-size: 24px; + line-height: 30px; + color: #202029; + font-weight: 600; + margin-bottom: 8px; +} + +.students-info-intro-start .text p { + font-size: 18px; + line-height: 27px; + color: #8f8fa3; +} + +.students-info-intro-end { + padding-left: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +@media (max-width: 991px) { + .students-info-intro-end { + padding-left: 0px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } +} + +@media (max-width: 767px) { + .students-info-intro-end { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; + } +} + +@media (max-width: 380px) { + .students-info-intro-end { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +@media (max-width: 480px) { + + .students-info-intro-end .enrolled-courses, + .students-info-intro-end .completed-courses { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 50%; + } +} + +@media (max-width: 380px) { + + .students-info-intro-end .enrolled-courses, + .students-info-intro-end .completed-courses { + margin-bottom: 16px; + } +} + +.students-info-intro-end .enrolled-courses-icon, +.students-info-intro-end .completed-courses-icon { + height: 64px; + width: 64px; + color: #1089ff; + overflow: hidden; + border-radius: 50%; + margin-right: 12px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: rgba(16, 137, 255, 0.1); +} + +@media (max-width: 480px) { + + .students-info-intro-end .enrolled-courses-icon, + .students-info-intro-end .completed-courses-icon { + margin-right: 0px; + margin-bottom: 16px; + } +} + +@media (max-width: 480px) { + + .students-info-intro-end .enrolled-courses-text, + .students-info-intro-end .completed-courses-text { + text-align: center; + } +} + +.students-info-intro-end .enrolled-courses { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: relative; + padding-right: 30px; +} + +@media (max-width: 767px) { + .students-info-intro-end .enrolled-courses { + padding-right: 0px; + } +} + +.students-info-intro-end .enrolled-courses-text h5, +.students-info-intro-end .enrolled-courses-text .h5 { + line-height: 36px; +} + +.students-info-intro-end .enrolled-courses-text p { + font-size: 14px !important; + line-height: 21px; +} + +.students-info-intro-end .completed-courses { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-left: 30px; + position: relative; +} + +@media (max-width: 767px) { + .students-info-intro-end .completed-courses { + padding-left: 0px; + padding-right: 0px; + } +} + +.students-info-intro-end .completed-courses::after { + content: ''; + position: absolute; + top: 50%; + left: 0; + height: 46px; + width: 1px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: #ebebf2; +} + +@media (max-width: 767px) { + .students-info-intro-end .completed-courses::after { + background-color: transparent; + } +} + +.students-info-intro-end .enrolled-courses-text h6, +.students-info-intro-end .enrolled-courses-text .h6, +.students-info-intro-end .enrolled-courses-text h5, +.students-info-intro-end .enrolled-courses-text .h5, +.students-info-intro-end .completed-courses-text h6, +.students-info-intro-end .completed-courses-text .h6, +.students-info-intro-end .completed-courses-text h5, +.students-info-intro-end .completed-courses-text .h5 { + font-weight: 500; +} + +.students-info-intro-end .enrolled-courses-text p, +.students-info-intro-end .completed-courses-text p { + color: #8f8fa3; + white-space: nowrap; +} + +.students-info-intro nav { + margin-top: 40px; +} + +@media (max-width: 991px) { + .students-info-intro nav .nav { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + max-width: 1000px; + overflow-x: scroll; + } +} + +.students-info-intro nav .nav button { + border: 0; + outline: 0; + padding: 0px; + padding-bottom: 13px; + font-size: 16px; + color: #666575; + line-height: 24px; + font-weight: 500; + margin-right: 62px; + position: relative; + text-transform: capitalize; + -webkit-transition: color 0.4s linear; + transition: color 0.4s linear; + background-color: transparent; + white-space: nowrap; +} + +@media (max-width: 1200px) { + .students-info-intro nav .nav button { + margin-right: 26px; + } +} + +.students-info-intro nav .nav button::after { + content: ''; + position: absolute; + top: calc(100% - 3px); + left: 0px; + width: 100%; + height: 3px; + overflow: hidden; + border-radius: 16px; + background-color: transparent; +} + +.students-info-intro nav .nav button:nth-last-child(1) { + margin-right: 0px; +} + +.students-info-intro nav .nav button:focus { + -webkit-box-shadow: none; + box-shadow: none; + outline: none; +} + +.students-info-intro nav .nav button.active { + color: #202029; +} + +.students-info-intro nav .nav button.active::after { + background-color: #0264ed; +} + +.students-info-main .tab-content { + padding-top: 30px; +} + +.students-info-main .tab-content__profile { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +@media (max-width: 991px) { + .students-info-main .tab-content__profile { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.students-info-main .tab-content__profile-content { + width: 50%; + margin-right: 30px; +} + +@media (max-width: 991px) { + .students-info-main .tab-content__profile-content { + width: 100%; + margin: 0px; + margin-bottom: 16px; + } +} + +.students-info-main .tab-content__profile-content:nth-last-child(1) { + margin: 0px; +} + +.students-info-main .tab-content__profile-content .about-student, +.students-info-main .tab-content__profile-content .info-student { + height: 100% !important; +} + +.students-info-main .tab-content .info-student, +.students-info-main .tab-content .about-student { + padding: 24px; + background-color: #fff; + border-radius: 5px; + height: 100%; +} + +.students-info-main .tab-content .info-student span, +.students-info-main .tab-content .about-student span { + line-height: 30px; +} + +.students-info-main .tab-content .info-student-topic span { + font-size: 14px; + line-height: 21px; + font-family: 'Poppins', sans-serif; + font-weight: 500; + color: #666575; +} + +.students-info-main .tab-content .info-student-topic p { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; +} + +.students-info .about-student h6, +.students-info .about-student .h6, +.students-info .info-student h6, +.students-info .info-student .h6 { + margin-bottom: 12px; +} .course__content_title { font-size: 20px; - line-height: 30px; } + line-height: 30px; +} .students-info-form form .input-with-icon .input-icon svg { width: 18px; - height: 18px; } + height: 18px; +} @media (max-width: 1200px) { .students-info { - padding-top: 0px; } + padding-top: 0px; + } + .students-info-intro-start::after { top: 50%; -webkit-transform: translateY(-50%); - transform: translateY(-50%); } + transform: translateY(-50%); + } + .students-info-intro-end .enrolled-courses::after { - right: -70px; } + right: -70px; + } + .students-info-intro-end .enrolled-courses::after { - height: 50%; } + height: 50%; + } + .students-info-intro-start .image { width: 120px; - height: 120px; } + height: 120px; + } + .students-info-intro { - margin-bottom: 15px; } } + margin-bottom: 15px; + } +} @media (min-width: 1024px) and (max-width: 1199px) { .students-info-intro-end .enrolled-courses::after { - right: -50px; } } + right: -50px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .students-info-intro-end { -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; padding: 0; - margin-left: 0px; } + margin-left: 0px; + } + .students-info-main .nav-tabs { - padding: 0; } - .students-info-main .nav-tabs .nav-link { - margin-bottom: 10px; - padding-top: 0; - margin-left: 0 !important; } } + padding: 0; + } + + .students-info-main .nav-tabs .nav-link { + margin-bottom: 10px; + padding-top: 0; + margin-left: 0 !important; + } +} @media (max-width: 991px) { .students-info { - padding-top: 0px !important; } - .students-info .nav.nav-tabs { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + padding-top: 0px !important; + } + + .students-info .nav.nav-tabs { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .students-info-main .tab-content { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .students-info-intro-start::after, .students-info-intro-end .enrolled-courses::after { - display: none; } + display: none; + } + .students-info-intro-end, .students-info-intro-end .completed-courses { - margin-left: 0px; } + margin-left: 0px; + } + .students-info-main .nav-tabs .nav-link { padding-bottom: 5px; - margin-bottom: 10px; } + margin-bottom: 10px; + } + .purchase-area-items, .purchase-area-items-end { - width: 100% !important; } } + width: 100% !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .students-info { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .students-info-intro { margin-top: 30px; - margin-bottom: 30px; } + margin-bottom: 30px; + } + .info-student dl { - margin-bottom: 10px !important; } } + margin-bottom: 10px !important; + } +} @media (max-width: 767px) { .students-info-intro { - margin-top: 0px; } + margin-top: 0px; + } + .change-image-wizard .image { width: 120px !important; - height: 120px !important; } + height: 120px !important; + } + .students-info .nav.nav-tabs { -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } + -ms-flex-pack: start; + justify-content: flex-start; + } + .purchase-area-items { - margin-top: 15px; } } + margin-top: 15px; + } +} @media (min-width: 575px) and (max-width: 767px) { .students-info { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .students-info-intro { margin-top: 30px; - margin-bottom: 30px; } + margin-bottom: 30px; + } + .students-info-intro-start { margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; border-right: 0; - border-bottom: 1px solid #ebebf2; } - .students-info-intro-start .image { - margin-right: 0; - margin-bottom: 20px; } - .students-info-intro-start .text p { - text-align: center; } + border-bottom: 1px solid #ebebf2; + } + + .students-info-intro-start .image { + margin-right: 0; + margin-bottom: 20px; + } + + .students-info-intro-start .text p { + text-align: center; + } + .students-info-intro-end { -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; - padding: 0; } + -ms-flex-pack: distribute; + justify-content: space-around; + padding: 0; + } + .students-info-main .nav-tabs { - padding: 0; } - .students-info-main .nav-tabs .nav-link { - padding-top: 0; - margin-left: 0 !important; } - .students-info-main .nav-tabs .nav-link.active::after { - bottom: -3px; } + padding: 0; + } + + .students-info-main .nav-tabs .nav-link { + padding-top: 0; + margin-left: 0 !important; + } + + .students-info-main .nav-tabs .nav-link.active::after { + bottom: -3px; + } + .info-student { margin-top: 30px; - padding-bottom: 10px !important; } - .info-student dl { - margin-bottom: 10px !important; } } + padding-bottom: 10px !important; + } + + .info-student dl { + margin-bottom: 10px !important; + } +} @media (max-width: 575px) { .info-student-topic { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } } + -ms-flex-direction: column; + flex-direction: column; + } +} @media (max-width: 420px) { .students-info { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .students-info-main .nav-tabs { - padding: 0; } - .students-info-main .nav-tabs .nav-link { - margin-bottom: 10px; - padding-top: 0; } - .students-info-main .nav-tabs .nav-link.active::after { - bottom: -3px; } + padding: 0; + } + + .students-info-main .nav-tabs .nav-link { + margin-bottom: 10px; + padding-top: 0; + } + + .students-info-main .nav-tabs .nav-link.active::after { + bottom: -3px; + } + .info-student { margin-top: 30px; - padding-bottom: 10px !important; } - .info-student dl { - margin-bottom: 10px !important; } } + padding-bottom: 10px !important; + } + + .info-student dl { + margin-bottom: 10px !important; + } +} @media (min-width: 320px) and (max-width: 574px) { .students-info-main .nav-tabs .nav-link { - padding-bottom: 5px; } } + padding-bottom: 5px; + } +} .purchase-area { background-color: #fff; border-radius: 4px; padding: 25px; - position: relative; } - .purchase-area-close { - position: absolute; - top: 25px; - right: 25px; } - .purchase-area-items { - padding-right: 45px; - border-right: 1px solid rgba(143, 143, 163, 0.3); - width: 60%; } - .purchase-area-items-start { - margin-bottom: 35px; } - .purchase-area-items-start .image { - margin-right: 15px; - width: 150px; - height: 100px; } - .purchase-area-items-start .image img { - max-width: 100%; - border-radius: 3px; - -o-object-fit: cover; - object-fit: cover; } - .purchase-area-items-start .text-main { - max-width: 370px; } - .purchase-area-items-start .text-main h6, .purchase-area-items-start .text-main .h6 { - font-size: 18px; - line-height: 27px; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - .purchase-area-items-start .text-main h6 a, .purchase-area-items-start .text-main .h6 a { - color: #202029; } - .purchase-area-items-start .text-main p { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; } - .purchase-area-items-start .text-main p a { - color: #8f8fa3; } - .purchase-area-items-end { - padding-left: 45px; - width: 40%; } - .purchase-area-items-end p { - font-size: 20px !important; - color: #202029 !important; - margin-bottom: 10px; } - .purchase-area-items-end dt { - color: #666575; - font-family: 'Poppins', sans-serif; - font-weight: 500; - font-size: 14px; } - .purchase-area-items-end dd { - color: #8f8fa3; - font-size: 14px; } + position: relative; +} + +.purchase-area-close { + position: absolute; + top: 25px; + right: 25px; +} + +.purchase-area-items { + padding-right: 45px; + border-right: 1px solid rgba(143, 143, 163, 0.3); + width: 60%; +} + +.purchase-area-items-start { + margin-bottom: 35px; +} + +.purchase-area-items-start .image { + margin-right: 15px; + width: 150px; + height: 100px; +} + +.purchase-area-items-start .image img { + max-width: 100%; + border-radius: 3px; + -o-object-fit: cover; + object-fit: cover; +} + +.purchase-area-items-start .text-main { + max-width: 370px; +} + +.purchase-area-items-start .text-main h6, +.purchase-area-items-start .text-main .h6 { + font-size: 18px; + line-height: 27px; + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +.purchase-area-items-start .text-main h6 a, +.purchase-area-items-start .text-main .h6 a { + color: #202029; +} + +.purchase-area-items-start .text-main p { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; +} + +.purchase-area-items-start .text-main p a { + color: #8f8fa3; +} + +.purchase-area-items-end { + padding-left: 45px; + width: 40%; +} + +.purchase-area-items-end p { + font-size: 20px !important; + color: #202029 !important; + margin-bottom: 10px; +} + +.purchase-area-items-end dt { + color: #666575; + font-family: 'Poppins', sans-serif; + font-weight: 500; + font-size: 14px; +} + +.purchase-area-items-end dd { + color: #8f8fa3; + font-size: 14px; +} @media (max-width: 991px) { .purchase-area-items-start { - margin-bottom: 15px; } + margin-bottom: 15px; + } + .purchase-area-items { border-right: 0px; - border-bottom: 1px solid rgba(143, 143, 163, 0.3); } } + border-bottom: 1px solid rgba(143, 143, 163, 0.3); + } +} @media (min-width: 768px) and (max-width: 991px) { .purchase-area { padding: 20px; - padding-bottom: 10px; } + padding-bottom: 10px; + } + .purchase-area-items { - padding-right: 0; } - .purchase-area-items h6, .purchase-area-items .h6 { - margin-top: 25px; } - .purchase-area-items .text-main { - max-width: 100%; } - .purchase-area-items .text-main p { - margin-bottom: 5px; } - .purchase-area-items-end { - padding-left: 0; - margin-top: 10px; } - .purchase-area-items-end dl { - margin-bottom: 0 !important; } } + padding-right: 0; + } + + .purchase-area-items h6, + .purchase-area-items .h6 { + margin-top: 25px; + } + + .purchase-area-items .text-main { + max-width: 100%; + } + + .purchase-area-items .text-main p { + margin-bottom: 5px; + } + + .purchase-area-items-end { + padding-left: 0; + margin-top: 10px; + } + + .purchase-area-items-end dl { + margin-bottom: 0 !important; + } +} @media (min-width: 575px) and (max-width: 767px) { .purchase-area { padding: 20px; - padding-bottom: 10px; } + padding-bottom: 10px; + } + .purchase-area-items { padding-right: 0; - border: none; } - .purchase-area-items h6, .purchase-area-items .h6 { - margin-top: 25px; } - .purchase-area-items .text-main { - max-width: 100%; } - .purchase-area-items .text-main p { - margin-bottom: 5px; } - .purchase-area-items-end { - padding-left: 0; - margin-top: 10px; } - .purchase-area-items-end dl { - margin-bottom: 0 !important; } } + border: none; + } + + .purchase-area-items h6, + .purchase-area-items .h6 { + margin-top: 25px; + } + + .purchase-area-items .text-main { + max-width: 100%; + } + + .purchase-area-items .text-main p { + margin-bottom: 5px; + } + + .purchase-area-items-end { + padding-left: 0; + margin-top: 10px; + } + + .purchase-area-items-end dl { + margin-bottom: 0 !important; + } +} @media (min-width: 420px) and (max-width: 574px) { .purchase-area { padding: 20px; - padding-bottom: 10px; } + padding-bottom: 10px; + } + .purchase-area-items { padding-right: 0; - border: none; } - .purchase-area-items h6, .purchase-area-items .h6 { - margin-top: 25px; } - .purchase-area-items .text-main { - max-width: 100%; } - .purchase-area-items .text-main p { - margin-bottom: 5px; } - .purchase-area-items-end { - padding-left: 0; - margin-top: 10px; } - .purchase-area-items-end dl { - margin-bottom: 0 !important; } } + border: none; + } + + .purchase-area-items h6, + .purchase-area-items .h6 { + margin-top: 25px; + } + + .purchase-area-items .text-main { + max-width: 100%; + } + + .purchase-area-items .text-main p { + margin-bottom: 5px; + } + + .purchase-area-items-end { + padding-left: 0; + margin-top: 10px; + } + + .purchase-area-items-end dl { + margin-bottom: 0 !important; + } +} @media (max-width: 420px) { .purchase-area { padding: 20px; - padding-bottom: 10px; } + padding-bottom: 10px; + } + .purchase-area-items { - padding-right: 0; } - .purchase-area-items .text-main { - max-width: 100%; } - .purchase-area-items .text-main p { - margin-bottom: 5px; } - .purchase-area-items-end { - padding-left: 0; - margin-top: 10px; } - .purchase-area-items-end dl { - margin-bottom: 0 !important; } } + padding-right: 0; + } + + .purchase-area-items .text-main { + max-width: 100%; + } + + .purchase-area-items .text-main p { + margin-bottom: 5px; + } + + .purchase-area-items-end { + padding-left: 0; + margin-top: 10px; + } + + .purchase-area-items-end dl { + margin-bottom: 0 !important; + } +} @media (min-width: 320px) and (max-width: 574px) { .purchase-area-items-start .text-main p { - margin-top: 0px; } + margin-top: 0px; + } + .purchase-area-items-end p { font-size: 18px !important; - margin-bottom: 0px; } + margin-bottom: 0px; + } + .purchase-area-items .text-main p { - margin-bottom: 0px; } + margin-bottom: 0px; + } + .purchase-area-items-start .image { width: 100%; height: auto; margin-right: 0px; - margin-top: 30px; } - .purchase-area-items-start .text-main h6, .purchase-area-items-start .text-main .h6 { - margin-top: 15px; } + margin-top: 30px; + } + + .purchase-area-items-start .text-main h6, + .purchase-area-items-start .text-main .h6 { + margin-top: 15px; + } + .purchase-area-items-start { - margin-bottom: 0px; } } + margin-bottom: 0px; + } +} .white-bg { background-color: #fff; padding: 25px; - border-radius: 5px; } + border-radius: 5px; +} .students-info-form form { - margin-top: 10px; } - .students-info-form form button { - text-transform: uppercase; } - .students-info-form form label { - color: #202029; - font-family: 'Poppins', sans-serif; - font-weight: 500; - font-size: 14px; - margin-bottom: 5px; } - .students-info-form form input { - height: 56px !important; - margin-bottom: 16px; - border: 1px solid rgba(143, 143, 163, 0.3) !important; - border-radius: 4px !important; } - .students-info-form form input:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .students-info-form form .input-with-icon { - position: relative; } - .students-info-form form .input-with-icon .input-icon { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: 22px; - color: #8f8fa3; } + margin-top: 10px; +} + +.students-info-form form button { + text-transform: uppercase; +} + +.students-info-form form label { + color: #202029; + font-family: 'Poppins', sans-serif; + font-weight: 500; + font-size: 14px; + margin-bottom: 5px; +} + +.students-info-form form input { + height: 56px !important; + margin-bottom: 16px; + border: 1px solid rgba(143, 143, 163, 0.3) !important; + border-radius: 4px !important; +} + +.students-info-form form input:focus { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +.students-info-form form .input-with-icon { + position: relative; +} + +.students-info-form form .input-with-icon .input-icon { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 22px; + color: #8f8fa3; +} .change-image-wizard .image { width: 200px; height: 200px; - margin-bottom: 20px; } - .change-image-wizard .image img { - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - max-width: 100%; } + margin-bottom: 20px; +} + +.change-image-wizard .image img { + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + max-width: 100%; +} .change-image-wizard p { font-size: 12px; line-height: 15px; color: #8f8fa3; text-align: center; - margin-top: 10px; } + margin-top: 10px; +} @media (max-width: 991px) { .white-bg { - margin-bottom: 30px; } } + margin-bottom: 30px; + } +} @media (max-width: 767px) { .students-info-form form .row .col-lg-6:nth-child(2) { - margin-top: 0px; } + margin-top: 0px; + } + .white-bg { - padding-bottom: 35px; } } + padding-bottom: 35px; + } +} @media (max-width: 991px) { .students-info-form form input { - height: 48px !important; } } + height: 48px !important; + } +} @media (min-width: 992px) and (max-width: 1200px) { .change-image-wizard .image { width: 150px; - height: 150px; } } + height: 150px; + } +} .cart-area { - padding-top: 50px; } - .cart-area__label { - font-size: 20px; - font-weight: 600; - line-height: 30px; - margin-bottom: 30px; - text-transform: capitalize; } - .cart-area .cart-wizard-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 30px; - border-radius: 5px; - overflow: hidden; - background-color: #fff; } - .cart-area .cart-wizard-area .image { - width: 200px; - height: 175px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - overflow: hidden; } - .cart-area .cart-wizard-area .image img { - width: inherit; - height: inherit; - -o-object-fit: cover; - object-fit: cover; } - .cart-area .cart-wizard-area .text { - padding: 0px 20px; } - .cart-area .cart-wizard-area .text h6, .cart-area .cart-wizard-area .text .h6 { - font-weight: 500; - font-size: 20px; } - .cart-area .cart-wizard-area .text h6 a, .cart-area .cart-wizard-area .text .h6 a { - color: #202029; } - .cart-area .cart-wizard-area .text p { - font-size: 16px; - line-height: 24px; - color: #8f8fa3; - margin-top: 7px; - margin-bottom: 10px; } - .cart-area .cart-wizard-area .text p a { - color: #8f8fa3; } - .cart-area .cart-wizard-area .text .bottom-wizard p { - color: #202029 !important; - font-weight: 500; - font-size: 18px !important; } - .cart-area .cart-wizard-area .text .bottom-wizard p span { - color: #8f8fa3 !important; - font-size: 14px; } - .cart-area .summery-wizard { - background-color: #ffffff; - padding: 40px 30px; - border-radius: 5px; } - .cart-area .summery-wizard-text { - padding: 12px 0px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-bottom: 1px solid rgba(143, 143, 163, 0.3); } - .cart-area .summery-wizard-text h6, .cart-area .summery-wizard-text .h6 { - color: #666575 !important; - font-weight: 500; - font-size: 16px !important; } - .cart-area .summery-wizard form label { - color: #202029; - font-weight: 500; - font-size: 14px; - margin-bottom: 5px; } - .cart-area .summery-wizard form .cart-input { - position: relative; } - .cart-area .summery-wizard form .cart-input input { - height: 56px; - border-radius: 4px; - border-color: rgba(143, 143, 163, 0.3); } - .cart-area .summery-wizard form .cart-input input:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; } - .cart-area .summery-wizard form .cart-input .sm-button { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: 5px; - height: 43px; - width: 85px; - background-color: #00af91; - border: 1px solid transparent; - border-radius: 4px; - color: white; } + padding-top: 50px; +} + +.cart-area__label { + font-size: 20px; + font-weight: 600; + line-height: 30px; + margin-bottom: 30px; + text-transform: capitalize; +} + +.cart-area .cart-wizard-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 30px; + border-radius: 5px; + overflow: hidden; + background-color: #fff; +} + +.cart-area .cart-wizard-area .image { + width: 200px; + height: 175px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + overflow: hidden; +} + +.cart-area .cart-wizard-area .image img { + width: inherit; + height: inherit; + -o-object-fit: cover; + object-fit: cover; +} + +.cart-area .cart-wizard-area .text { + padding: 0px 20px; +} + +.cart-area .cart-wizard-area .text h6, +.cart-area .cart-wizard-area .text .h6 { + font-weight: 500; + font-size: 20px; +} + +.cart-area .cart-wizard-area .text h6 a, +.cart-area .cart-wizard-area .text .h6 a { + color: #202029; +} + +.cart-area .cart-wizard-area .text p { + font-size: 16px; + line-height: 24px; + color: #8f8fa3; + margin-top: 7px; + margin-bottom: 10px; +} + +.cart-area .cart-wizard-area .text p a { + color: #8f8fa3; +} + +.cart-area .cart-wizard-area .text .bottom-wizard p { + color: #202029 !important; + font-weight: 500; + font-size: 18px !important; +} + +.cart-area .cart-wizard-area .text .bottom-wizard p span { + color: #8f8fa3 !important; + font-size: 14px; +} + +.cart-area .summery-wizard { + background-color: #ffffff; + padding: 40px 30px; + border-radius: 5px; +} + +.cart-area .summery-wizard-text { + padding: 12px 0px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid rgba(143, 143, 163, 0.3); +} + +.cart-area .summery-wizard-text h6, +.cart-area .summery-wizard-text .h6 { + color: #666575 !important; + font-weight: 500; + font-size: 16px !important; +} + +.cart-area .summery-wizard form label { + color: #202029; + font-weight: 500; + font-size: 14px; + margin-bottom: 5px; +} + +.cart-area .summery-wizard form .cart-input { + position: relative; +} + +.cart-area .summery-wizard form .cart-input input { + height: 56px; + border-radius: 4px; + border-color: rgba(143, 143, 163, 0.3); +} + +.cart-area .summery-wizard form .cart-input input:focus { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +.cart-area .summery-wizard form .cart-input .sm-button { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 5px; + height: 43px; + width: 85px; + background-color: #00af91; + border: 1px solid transparent; + border-radius: 4px; + color: white; +} .total-wizard { display: -webkit-box; @@ -17782,335 +25816,497 @@ .total-wizard { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; padding-top: 12px; - margin-bottom: 30px !important; } - .total-wizard p.font-title--card { - font-weight: 400; } + margin-bottom: 30px !important; +} + +.total-wizard p.font-title--card { + font-weight: 400; +} @media (max-width: 1200px) { .cart-area { - padding-top: 0px; } + padding-top: 0px; + } + .cart-area .cart-wizard-area .text { - width: 100%; } } + width: 100%; + } +} @media (min-width: 992px) and (max-width: 1200px) { .cart-area .cart-wizard-area .image { - display: none; } + display: none; + } + .cart-area .cart-wizard-area .text { - border-radius: 5px; } - .cart-area .cart-wizard-area .text h6, .cart-area .cart-wizard-area .text .h6 { - font-size: 18px; } + border-radius: 5px; + } + + .cart-area .cart-wizard-area .text h6, + .cart-area .cart-wizard-area .text .h6 { + font-size: 18px; + } + .cart-area form label { margin-top: 10px; - margin-bottom: 10px; } } + margin-bottom: 10px; + } +} @media (max-width: 991px) { - .cart-area .cart-wizard-area .text h6, .cart-area .cart-wizard-area .text .h6 { - margin-left: 0px; } + + .cart-area .cart-wizard-area .text h6, + .cart-area .cart-wizard-area .text .h6 { + margin-left: 0px; + } + .cart-area .cart-wizard-area .text { - max-width: 100%; } } + max-width: 100%; + } +} @media (min-width: 768px) and (max-width: 991px) { .cart-area form label { margin-top: 10px; - margin-bottom: 10px !important; } } + margin-bottom: 10px !important; + } +} @media (max-width: 767px) { .cart-area .cart-wizard-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .cart-area .cart-wizard-area .image { - display: none; } - .cart-area .cart-wizard-area .text { - border-radius: 5px !important; } + -ms-flex-align: start; + align-items: flex-start; + } + + .cart-area .cart-wizard-area .image { + display: none; + } + + .cart-area .cart-wizard-area .text { + border-radius: 5px !important; + } + .cart-area form label { margin-top: 10px; - margin-bottom: 10px !important; } + margin-bottom: 10px !important; + } + .cart-area .summery-wizard { - padding: 20px 15px; } + padding: 20px 15px; + } + .cart-area .cart-wizard-area .text p { font-size: 14px; - line-height: 24px; } } + line-height: 24px; + } +} .event-search { padding-bottom: 100px; - padding-top: 0px; } - .event-search-wizard { - margin-bottom: 30px; - border-radius: 5px; - background: rgba(255, 255, 255, 0.5); } - .event-search-wizard-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: transparent; } - .event-search-wizard-header h6, .event-search-wizard-header .h6, - .event-search-wizard-header button { - color: #42414b; - font-family: 'Poppins', sans-serif; - font-weight: 600; - background-color: transparent; } - .event-search-wizard-item { - margin-bottom: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .event-search-wizard-item-start form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .event-search-wizard-item-start form label { - margin-left: 8px; - color: #666575; } - .event-search-wizard-item-start .price-inputs-one, .event-search-wizard-item-start .price-inputs-two { - width: 100px; - height: 50px; - border-radius: 4px; - padding-left: 12px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid rgba(143, 143, 163, 0.4); } - .event-search-wizard-item-start .price-inputs-two { - width: 120px; - border: 1px solid rgba(143, 143, 163, 0.4); } - .event-search-wizard-item-start .price-inputs span { - margin: 0 6px; - color: #8f8fa3; } - .event-search-wizard-item-start .price-inputs .angle-btn { - width: 50px; - height: 50px; - margin-left: 12px; - border-radius: 4px; - background: #1089ff; - border-color: transparent; } - .event-search-wizard-item-start .range-bar { - width: 100%; - height: 8px; - margin-top: 25px; - border-radius: 50px; - background: #ffffff; } - .event-search-wizard-item-start .range-bar-main { - width: 70px; - height: 8px; - margin-left: 25px; - position: relative; - border-radius: 50px; - background: -webkit-gradient(linear, left top, right top, color-stop(-41.03%, #1089ff), color-stop(371.15%, #0264ed)); - background: linear-gradient(90deg, #1089ff -41.03%, #0264ed 371.15%); } - .event-search-wizard-item-start .range-bar-main::before, .event-search-wizard-item-start .range-bar-main::after { - content: ''; - top: -5px; - left: -5px; - width: 20px; - height: 20px; - position: absolute; - border-radius: 50%; - background-color: #1089ff; - border: 2px solid #ebebf2; } - .event-search-wizard-item-end p { - color: #8f8fa3 !important; - font-size: 14px !important; } - .event-search-bar { - margin-bottom: 40px; - margin-top: -35px; } - .event-search-bar .form-input-group { - position: relative; } - .event-search-bar .form-input-group input { - height: 70px; - padding-left: 50px; - border-radius: 6px; - border-color: transparent; } - .event-search-bar .form-input-group input:focus { - -webkit-box-shadow: none; - box-shadow: none; } - .event-search-bar .form-input-group button { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: 10px; - padding: 15px 32px !important; } - .event-search-bar .form-input-group svg { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - left: 18px; - color: #42414b; } - .event-search-results-heading { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .event-search-results-heading .nice-select { - background-color: transparent; - border-color: #42414b; - border-radius: 4px; - color: #42414b; - font-size: 16px; - height: 55px; - padding-top: 7px; - padding-right: 50px; } - .event-search-results-heading .nice-select::after { - content: ''; - width: 8px; - height: 8px; - margin-top: -6px; - border-bottom: 2px solid #42414b; - border-right: 2px solid #42414b; } - .event-search-results-heading p { - color: #42414b !important; - font-size: 18px !important; } - .event-search-content { - margin-top: 25px; } - .event-search-content .event__img { - margin-bottom: 0; } - .event-search-content .event__img img { - border-bottom-left-radius: 0px; - border-bottom-right-radius: 0px; } - .event-search-pagination { - margin-top: 50px; } + padding-top: 0px; +} + +.event-search-wizard { + margin-bottom: 30px; + border-radius: 5px; + background: rgba(255, 255, 255, 0.5); +} + +.event-search-wizard-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding-bottom: 15px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: transparent; +} + +.event-search-wizard-header h6, +.event-search-wizard-header .h6, +.event-search-wizard-header button { + color: #42414b; + font-family: 'Poppins', sans-serif; + font-weight: 600; + background-color: transparent; +} + +.event-search-wizard-item { + margin-bottom: 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.event-search-wizard-item-start form { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.event-search-wizard-item-start form label { + margin-left: 8px; + color: #666575; +} + +.event-search-wizard-item-start .price-inputs-one, +.event-search-wizard-item-start .price-inputs-two { + width: 100px; + height: 50px; + border-radius: 4px; + padding-left: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid rgba(143, 143, 163, 0.4); +} + +.event-search-wizard-item-start .price-inputs-two { + width: 120px; + border: 1px solid rgba(143, 143, 163, 0.4); +} + +.event-search-wizard-item-start .price-inputs span { + margin: 0 6px; + color: #8f8fa3; +} + +.event-search-wizard-item-start .price-inputs .angle-btn { + width: 50px; + height: 50px; + margin-left: 12px; + border-radius: 4px; + background: #1089ff; + border-color: transparent; +} + +.event-search-wizard-item-start .range-bar { + width: 100%; + height: 8px; + margin-top: 25px; + border-radius: 50px; + background: #ffffff; +} + +.event-search-wizard-item-start .range-bar-main { + width: 70px; + height: 8px; + margin-left: 25px; + position: relative; + border-radius: 50px; + background: -webkit-gradient(linear, left top, right top, color-stop(-41.03%, #1089ff), color-stop(371.15%, #0264ed)); + background: linear-gradient(90deg, #1089ff -41.03%, #0264ed 371.15%); +} + +.event-search-wizard-item-start .range-bar-main::before, +.event-search-wizard-item-start .range-bar-main::after { + content: ''; + top: -5px; + left: -5px; + width: 20px; + height: 20px; + position: absolute; + border-radius: 50%; + background-color: #1089ff; + border: 2px solid #ebebf2; +} + +.event-search-wizard-item-end p { + color: #8f8fa3 !important; + font-size: 14px !important; +} + +.event-search-bar { + margin-bottom: 40px; + margin-top: -35px; +} + +.event-search-bar .form-input-group { + position: relative; +} + +.event-search-bar .form-input-group input { + height: 70px; + padding-left: 50px; + border-radius: 6px; + border-color: transparent; +} + +.event-search-bar .form-input-group input:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +.event-search-bar .form-input-group button { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 10px; + padding: 15px 32px !important; +} + +.event-search-bar .form-input-group svg { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: 18px; + color: #42414b; +} + +.event-search-results-heading { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.event-search-results-heading .nice-select { + background-color: transparent; + border-color: #42414b; + border-radius: 4px; + color: #42414b; + font-size: 16px; + height: 55px; + padding-top: 7px; + padding-right: 50px; +} + +.event-search-results-heading .nice-select::after { + content: ''; + width: 8px; + height: 8px; + margin-top: -6px; + border-bottom: 2px solid #42414b; + border-right: 2px solid #42414b; +} + +.event-search-results-heading p { + color: #42414b !important; + font-size: 18px !important; +} + +.event-search-content { + margin-top: 25px; +} + +.event-search-content .event__img { + margin-bottom: 0; +} + +.event-search-content .event__img img { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; +} + +.event-search-pagination { + margin-top: 50px; +} @media (max-width: 420px) { .-start .price-inputs-one { - width: 55px; } + width: 55px; + } + .-start .price-inputs-two { - width: 100px; } + width: 100px; + } + .event-search-results-heading { margin-bottom: 10px; - margin-top: 10px; } - .event-search-results-heading p { - margin-top: 5px; } + margin-top: 10px; + } + + .event-search-results-heading p { + margin-top: 5px; + } + .event-search-content { - margin-top: 0px; } - .event-search-content .course, - .event-search-content .event { - margin-bottom: 20px; } + margin-top: 0px; + } + + .event-search-content .course, + .event-search-content .event { + margin-bottom: 20px; + } + .event-search { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .event-search-pagination { - margin-top: 10px; } } + margin-top: 10px; + } +} @media (min-width: 420px) and (max-width: 574px) { .event-search { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .event-search-results-heading { margin-top: 20px; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .event__img img { - width: 100%; } + width: 100%; + } + .event-search-content { - margin-top: 0px; } - .event-search-content .course, - .event-search-content .event { - margin-bottom: 20px; } + margin-top: 0px; + } + + .event-search-content .course, + .event-search-content .event { + margin-bottom: 20px; + } + .event-search-pagination { - margin-top: 10px; } } + margin-top: 10px; + } +} @media (min-width: 575px) and (max-width: 767px) { .event-search { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .event-search-results-heading { margin-top: 20px; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .event__img img { - width: 100%; } + width: 100%; + } + .event-search-content { - margin-top: 0px; } - .event-search-content .course, - .event-search-content .event { - margin-bottom: 20px; } + margin-top: 0px; + } + + .event-search-content .course, + .event-search-content .event { + margin-bottom: 20px; + } + .event-search-pagination { - margin-top: 10px; } } + margin-top: 10px; + } +} @media (min-width: 768px) and (max-width: 991px) { .event-search { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .event-search-results-heading { margin-top: 20px; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .event__img img { - width: 100%; } + width: 100%; + } + .event-search-content { - margin-top: 0px; } - .event-search-content .course, - .event-search-content .event { - margin-bottom: 20px; } + margin-top: 0px; + } + + .event-search-content .course, + .event-search-content .event { + margin-bottom: 20px; + } + .event-search-pagination { - margin-top: 10px; } } + margin-top: 10px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .event-search { - padding-bottom: 50px; } + padding-bottom: 50px; + } + .event-search-pagination { - margin-top: 50px; } + margin-top: 50px; + } + .-start .price-inputs-one { - width: 55px; } + width: 55px; + } + .-start .price-inputs-two { - width: 100px; } } + width: 100px; + } +} @media (max-width: 991px) { .pagination { - margin: 30px 0px; } } + margin: 30px 0px; + } +} @media (min-width: 320px) and (max-width: 574px) { .eventCount { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } + -ms-flex-direction: column; + flex-direction: column; + } + .event-info-tab .nav-tabs { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + -ms-flex-pack: center; + justify-content: center; + } + .event-search-results-heading .nice-select { padding: 15px; padding-right: 30px; @@ -18120,314 +26316,489 @@ @media (min-width: 320px) and (max-width: 574px) { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .event-search-results-heading .nice-select span { - font-size: 14px; } + -ms-flex-align: center; + align-items: center; + } + + .event-search-results-heading .nice-select span { + font-size: 14px; + } + .event-search-results-heading p { font-size: 14px !important; - line-height: 24px !important; } } + line-height: 24px !important; + } +} .event-sub-section { padding-top: 50px; padding-bottom: 35px; - background-color: rgba(255, 255, 255, 0.4); } - .event-sub-section--spaceY { - padding-bottom: 70px; } - .event-sub-section-main { - margin-top: 20px; } - .event-sub-section-main h5, .event-sub-section-main .h5 { - margin-bottom: 24px; } - .event-sub-section-main .event-time-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: 70px; - height: 70px; - background: #ffffff; - border-radius: 5px; } - .event-sub-section-main .event-time-item h6, .event-sub-section-main .event-time-item .h6 { - color: #42414b !important; - font-weight: 500; - font-size: 24px !important; } - .event-sub-section-main .event-time-item p { - color: #8f8fa3 !important; - font-size: 12px !important; } - .event-sub-section-main .event-time .list-inline-item:not(:last-child) { - margin-right: 15px; } - .event-sub-section-main .icon-with-date { - margin-top: 12px; } - .event-sub-section-main .icon-with-date-start { - margin-right: 45px; } - .event-sub-section-main .icon-with-date-start p, .event-sub-section-main .icon-with-date-end p { - margin-left: 5px; - color: #42414b; } - .event-sub-section-main .icon-with-date-start p span, .event-sub-section-main .icon-with-date-end p span { - color: #8f8fa3; } - .event-sub-section-main .icon-with-date-start span, .event-sub-section-main .icon-with-date-end span { - margin-left: 5px; - font-size: 14px; - line-height: 21px; - color: #424242; } + background-color: rgba(255, 255, 255, 0.4); +} + +.event-sub-section--spaceY { + padding-bottom: 70px; +} + +.event-sub-section-main { + margin-top: 20px; +} + +.event-sub-section-main h5, +.event-sub-section-main .h5 { + margin-bottom: 24px; +} + +.event-sub-section-main .event-time-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 70px; + height: 70px; + background: #ffffff; + border-radius: 5px; +} + +.event-sub-section-main .event-time-item h6, +.event-sub-section-main .event-time-item .h6 { + color: #42414b !important; + font-weight: 500; + font-size: 24px !important; +} + +.event-sub-section-main .event-time-item p { + color: #8f8fa3 !important; + font-size: 12px !important; +} + +.event-sub-section-main .event-time .list-inline-item:not(:last-child) { + margin-right: 15px; +} + +.event-sub-section-main .icon-with-date { + margin-top: 12px; +} + +.event-sub-section-main .icon-with-date-start { + margin-right: 45px; +} + +.event-sub-section-main .icon-with-date-start p, +.event-sub-section-main .icon-with-date-end p { + margin-left: 5px; + color: #42414b; +} + +.event-sub-section-main .icon-with-date-start p span, +.event-sub-section-main .icon-with-date-end p span { + color: #8f8fa3; +} + +.event-sub-section-main .icon-with-date-start span, +.event-sub-section-main .icon-with-date-end span { + margin-left: 5px; + font-size: 14px; + line-height: 21px; + color: #424242; +} .created-by { - margin-top: 20px; } + margin-top: 20px; +} .event-info { padding-bottom: 100px; - padding-top: 0px; } - .event-info-main .image { - width: 100%; - height: 430px; - overflow: hidden; - margin-top: 35px; - border-radius: 8px; - margin-bottom: 50px; } - .event-info-main .image img { - width: inherit; - height: inherit; - -o-object-fit: cover; - object-fit: cover; } - .event-info .courseCard--wrapper { - margin-top: -110px; } - .event-info .eventCard--wrapper { - margin-top: -100px; } - .event-info-tab .nav-tabs { - max-width: 362px; - border-bottom: 0; - position: relative; } - .event-info-tab .nav-tabs::after { - position: absolute; - content: ''; - bottom: 0; - left: 0; - height: 2px; - width: calc(100% - 15px); - background-color: white; } - .event-info-tab .nav-tabs .nav-link.active { - z-index: 5; - color: #202029; - border-bottom: 3px solid #0264ed; } - .event-info-tab .nav-tabs .nav-link { - border: 0; - padding: 0; - font-size: 16px; - line-height: 24px; - font-weight: 500; - color: #666575; - padding-bottom: 12px; - margin-right: 25px; - background-color: transparent; } - .event-info-tab-content { - padding-top: 30px; } - .event-info-tab-content #nav-overview h6, .event-info-tab-content #nav-overview .h6 { - font-weight: 600; } - .event-info-tab-content #nav-overview p { - font-size: 16px; - line-height: 24px; - color: #8f8fa3; } + padding-top: 0px; +} + +.event-info-main .image { + width: 100%; + height: 430px; + overflow: hidden; + margin-top: 35px; + border-radius: 8px; + margin-bottom: 50px; +} + +.event-info-main .image img { + width: inherit; + height: inherit; + -o-object-fit: cover; + object-fit: cover; +} + +.event-info .courseCard--wrapper { + margin-top: -110px; +} + +.event-info .eventCard--wrapper { + margin-top: -100px; +} + +.event-info-tab .nav-tabs { + max-width: 362px; + border-bottom: 0; + position: relative; +} + +.event-info-tab .nav-tabs::after { + position: absolute; + content: ''; + bottom: 0; + left: 0; + height: 2px; + width: calc(100% - 15px); + background-color: white; +} + +.event-info-tab .nav-tabs .nav-link.active { + z-index: 5; + color: #202029; + border-bottom: 3px solid #0264ed; +} + +.event-info-tab .nav-tabs .nav-link { + border: 0; + padding: 0; + font-size: 16px; + line-height: 24px; + font-weight: 500; + color: #666575; + padding-bottom: 12px; + margin-right: 25px; + background-color: transparent; +} + +.event-info-tab-content { + padding-top: 30px; +} + +.event-info-tab-content #nav-overview h6, +.event-info-tab-content #nav-overview .h6 { + font-weight: 600; +} + +.event-info-tab-content #nav-overview p { + font-size: 16px; + line-height: 24px; + color: #8f8fa3; +} .similar-events .shape img { - position: absolute; } + position: absolute; +} .similar-events .shape .img-01 { top: -30px; - left: 30px; } + left: 30px; +} .similar-events .shape .img-02 { bottom: 140px; - right: 30px; } + right: 30px; +} @media (max-width: 420px) { .event-sub-section-main .event-time-item { height: 60px; - width: 60px; } + width: 60px; + } + .event-sub-section-main .event-time { - margin-bottom: 20px; } - .event-sub-section-main .event-time .list-inline-item:not(:last-child) { - margin-right: 10px; } + margin-bottom: 20px; + } + + .event-sub-section-main .event-time .list-inline-item:not(:last-child) { + margin-right: 10px; + } + .event-sub-section-main .icon-with-date { - margin-bottom: 10px; } - .event-sub-section-main .icon-with-date-start { - margin-bottom: 5px; } + margin-bottom: 10px; + } + + .event-sub-section-main .icon-with-date-start { + margin-bottom: 5px; + } + .event-info-main .image { margin-top: 30px; - margin-bottom: 30px; } + margin-bottom: 30px; + } + .event-info-tab .nav-tabs { -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } + -ms-flex-pack: justify; + justify-content: space-between; + } + .event-info-tab-content { padding-top: 30px; - padding-bottom: 0; } + padding-bottom: 0; + } + .event-info-tab-content .nav-overview p { - font-size: 14px; } } + font-size: 14px; + } +} @media (min-width: 420px) and (max-width: 574px) { .event-sub-section-main .event-time-item { height: 60px; - width: 60px; } + width: 60px; + } + .event-sub-section-main .event-time { - margin-bottom: 20px; } - .event-sub-section-main .event-time .list-inline-item:not(:last-child) { - margin-right: 10px; } + margin-bottom: 20px; + } + + .event-sub-section-main .event-time .list-inline-item:not(:last-child) { + margin-right: 10px; + } + .event-sub-section-main .icon-with-date { - margin-bottom: 10px; } - .event-sub-section-main .icon-with-date-start { - margin-bottom: 5px; } + margin-bottom: 10px; + } + + .event-sub-section-main .icon-with-date-start { + margin-bottom: 5px; + } + .event-info-main .image { margin-top: 30px; - margin-bottom: 30px; } + margin-bottom: 30px; + } + .event-info-tab-content { padding-top: 30px; - padding-bottom: 0; } + padding-bottom: 0; + } + .event-info-tab-content .nav-overview p { - font-size: 14px; } + font-size: 14px; + } + .event-info { - padding-bottom: 30px; } } + padding-bottom: 30px; + } +} @media (max-width: 767px) { .similar-events { - position: relative; } + position: relative; + } + .event-info-tab .nav-tabs .nav-link { - margin-right: 15px; } + margin-right: 15px; + } + .event-info-tab-content #nav-overview p { - font-size: 14px; } } + font-size: 14px; + } +} @media (min-width: 575px) and (max-width: 767px) { .event-time { - margin-bottom: 20px; } + margin-bottom: 20px; + } + .event-info-main .image { margin-top: 30px; - margin-bottom: 30px; } + margin-bottom: 30px; + } + .event-info-tab-content { padding-top: 30px; - padding-bottom: 0; } + padding-bottom: 0; + } + .event-info-tab-content .nav-overview p { - font-size: 14px; } } + font-size: 14px; + } +} @media (max-width: 991px) { .course-curriculum-area .curriculum-area-top-start { -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } + -ms-flex-align: center; + align-items: center; + } + .event-info .courseCard--wrapper { - margin-top: 0px; } } + margin-top: 0px; + } +} @media (min-width: 768px) and (max-width: 991px) { .event-sub-section-main { - margin-top: 30px; } + margin-top: 30px; + } + .event-time { - margin-bottom: 20px; } + margin-bottom: 20px; + } + .event-info-main .image { margin-top: 30px; - margin-bottom: 30px; } + margin-bottom: 30px; + } + .event-info-tab-content { padding-top: 30px; - padding-bottom: 0; } + padding-bottom: 0; + } + .event-info-tab-content .nav-overview p { - font-size: 14px; } + font-size: 14px; + } + .similar-events .shape { - display: none; } + display: none; + } + .similar-events { padding-top: 30px; - padding-bottom: 30px; } } + padding-bottom: 30px; + } +} @media (max-width: 1200px) { .event-info .eventCard--wrapper { - margin-top: 30px; } } + margin-top: 30px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .event-time { - margin-bottom: 20px; } + margin-bottom: 20px; + } + .event-info-main .image { margin-top: 30px; - margin-bottom: 30px; } + margin-bottom: 30px; + } + .event-info-tab-content { padding-top: 30px; - padding-bottom: 0; } + padding-bottom: 0; + } + .event-info-tab-content .nav-overview p { - font-size: 14px; } + font-size: 14px; + } + .similar-events .shape { - display: none; } + display: none; + } + .event-sub-section-main .icon-with-date { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; - margin-top: 0px; } + -ms-flex-align: start !important; + align-items: flex-start !important; + margin-top: 0px; + } + .event-sub-section-main .icon-with-date-start { - margin-bottom: 10px; } + margin-bottom: 10px; + } + .event-sub-section-main .icon-with-date-end { - margin-bottom: 10px; } + margin-bottom: 10px; + } + .event-sub-section-main { -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } + -ms-flex-align: center; + align-items: center; + } + .ourevent-active .slick-slide img { width: 100%; -o-object-fit: contain; - object-fit: contain; } } + object-fit: contain; + } +} @media (max-width: 575px) { - .event-sub-section-main .icon-with-date-start span, .event-sub-section-main .icon-with-date-end span { + + .event-sub-section-main .icon-with-date-start span, + .event-sub-section-main .icon-with-date-end span { font-size: 12px; - line-height: 22px; } + line-height: 22px; + } + .event-sub-section-main .icon-with-date-start { - margin-right: 5px; } } + margin-right: 5px; + } +} @media (max-width: 420px) { #countdown .timer-body-block .table-cell { margin-right: 0px !important; - border-radius: 0px !important; } } + border-radius: 0px !important; + } +} @media (min-width: 320px) and (max-width: 574px) { - .event-sub-section-main h4, .event-sub-section-main .h4, + + .event-sub-section-main h4, + .event-sub-section-main .h4, .event-sub-section-main .h4, .course-includes h6, .course-includes .h6 { font-size: 18px !important; - line-height: 28px !important; } + line-height: 28px !important; + } + .course-overview-nav { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + -ms-flex-pack: center; + justify-content: center; + } + .icon-with-date-start svg, .icon-with-date-end svg { width: 25px; - height: 25px; } - .course-description-start-content h4, .course-description-start-content .h4, + height: 25px; + } + + .course-description-start-content h4, + .course-description-start-content .h4, .course-description-start-content .h4 { font-size: 24px !important; - line-height: 34px !important; } + line-height: 34px !important; + } + #countdown .timer-body-block { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } } + -ms-flex-pack: center; + justify-content: center; + } +} .event-speaker { margin-bottom: 30px; @@ -18438,267 +26809,382 @@ .event-speaker { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .event-speaker-image { - height: 175px; - width: 175px; - overflow: hidden; - border-radius: 50%; - margin-bottom: 12px; } - .event-speaker-image img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; } - .event-speaker-info h6 a, .event-speaker-info .h6 a { - color: #202029; - font-family: 'Poppins', sans-serif; - font-weight: 600; } - .event-speaker-info p { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; - text-align: center; } + -ms-flex-align: center; + align-items: center; +} + +.event-speaker-image { + height: 175px; + width: 175px; + overflow: hidden; + border-radius: 50%; + margin-bottom: 12px; +} + +.event-speaker-image img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.event-speaker-info h6 a, +.event-speaker-info .h6 a { + color: #202029; + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.event-speaker-info p { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; + text-align: center; +} @media (max-width: 1200px) { .event-info-tab .nav-tabs { max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + -ms-flex-pack: center; + justify-content: center; + } + .event-speaker-image { width: 120px; - height: 120px; } } + height: 120px; + } +} @media (max-width: 767px) { - .event-speaker-info h6, .event-speaker-info .h6, + + .event-speaker-info h6, + .event-speaker-info .h6, .event-speaker-info .h6 { font-size: 28px !important; - line-height: 28px !important; } + line-height: 28px !important; + } + .event-speaker-image { width: 100px; - height: 100px; } - .event-speaker-info h6, .event-speaker-info .h6 { + height: 100px; + } + + .event-speaker-info h6, + .event-speaker-info .h6 { font-size: 14px !important; - line-height: 24px !important; } + line-height: 24px !important; + } + .event-speaker-info p { font-size: 12px !important; - line-height: 22px !important; } + line-height: 22px !important; + } + .event-info-tab .nav-tabs .nav-link { font-size: 14px; - line-height: 24px; } } + line-height: 24px; + } +} .events-location-map iframe { width: 378px; height: 378px; - border-radius: 5px; } + border-radius: 5px; +} .events-location-text { padding-left: 10px; - margin-bottom: 24px; } - .events-location-text .text-item { - padding: 20px; - background-color: #fff; - border-radius: 5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .events-location-text .text-item-start { - margin-right: 12px; } - .events-location-text .text-item-start .icon-image { - width: 70px; - height: 70px; - background-color: rgba(16, 137, 255, 0.1); - border-radius: 5px; - color: #1089ff; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .events-location-text .text-item-start .email-bg { - background-color: rgba(255, 122, 26, 0.1); - color: #ff7a1a; } - .events-location-text .text-item-start .phone-bg { - background-color: rgba(0, 175, 145, 0.1); - color: #00af91; } - .events-location-text .text-item-end p { - font-size: 12px; - letter-spacing: 2px; - margin-bottom: 5px; - color: #8f8fa3; - text-transform: uppercase; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - .events-location-text .text-item-end h6.font-para--lg, .events-location-text .text-item-end .font-para--lg.h6 { - color: #202029; } - .events-location-text .text-item-end h6.font-para--lg, .events-location-text .text-item-end .font-para--lg.h6, .events-location-text .text-item-end h6.font-title--card, .events-location-text .text-item-end .font-title--card.h6 { - font-weight: 400; } + margin-bottom: 24px; +} + +.events-location-text .text-item { + padding: 20px; + background-color: #fff; + border-radius: 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.events-location-text .text-item-start { + margin-right: 12px; +} + +.events-location-text .text-item-start .icon-image { + width: 70px; + height: 70px; + background-color: rgba(16, 137, 255, 0.1); + border-radius: 5px; + color: #1089ff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.events-location-text .text-item-start .email-bg { + background-color: rgba(255, 122, 26, 0.1); + color: #ff7a1a; +} + +.events-location-text .text-item-start .phone-bg { + background-color: rgba(0, 175, 145, 0.1); + color: #00af91; +} + +.events-location-text .text-item-end p { + font-size: 12px; + letter-spacing: 2px; + margin-bottom: 5px; + color: #8f8fa3; + text-transform: uppercase; + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +.events-location-text .text-item-end h6.font-para--lg, +.events-location-text .text-item-end .font-para--lg.h6 { + color: #202029; +} + +.events-location-text .text-item-end h6.font-para--lg, +.events-location-text .text-item-end .font-para--lg.h6, +.events-location-text .text-item-end h6.font-title--card, +.events-location-text .text-item-end .font-title--card.h6 { + font-weight: 400; +} @media (max-width: 420px) { .events-location-map iframe { - width: 100%; } + width: 100%; + } + .events-location-text { - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 420px) and (max-width: 574px) { .events-location-text { - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 575px) and (max-width: 767px) { .events-location-text { - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 768px) and (max-width: 991px) { .events-location-text { - padding-left: 0; } } + padding-left: 0; + } +} @media (max-width: 991px) { .events-location-map iframe { width: 100%; - margin-bottom: 20px; } } + margin-bottom: 20px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .events-location-map iframe { width: 100%; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .events-location-text { - padding-left: 0; } } + padding-left: 0; + } +} @media (min-width: 320px) and (max-width: 574px) { .events-location-map iframe { width: 100%; height: 300px; - margin-bottom: 20px; } } + margin-bottom: 20px; + } +} .feedback-area { background-color: #fff; border-radius: 8px; - padding: 30px; } - .feedback-area h6, .feedback-area .h6 { - color: #42414b; - font-family: 'Poppins', sans-serif; - font-weight: 600; } - .feedback-area h6 span, .feedback-area .h6 span { - color: #8f8fa3; - font-family: 'Poppins', sans-serif; - font-weight: 400; } - .feedback-area-item { - padding-bottom: 16px; - border-bottom: 1px solid rgba(143, 143, 163, 0.3); - margin-top: 15px; } - .feedback-area-item .commentator { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .feedback-area-item .commentator-image { - margin-right: 12px; - width: 50px; - height: 50px; } - .feedback-area-item .commentator-image img { - border-radius: 50%; - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; } - .feedback-area-item .commentator-info h6, .feedback-area-item .commentator-info .h6 { - font-size: 14px; - line-height: 21px; - color: #42414b; } - .feedback-area-item .commentator-info p { - font-size: 12px; - line-height: 15px; - color: #8f8fa3; } - .feedback-area-item .comments { - margin-top: 10px; } - .feedback-area-item .comments p { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; } + padding: 30px; +} + +.feedback-area h6, +.feedback-area .h6 { + color: #42414b; + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.feedback-area h6 span, +.feedback-area .h6 span { + color: #8f8fa3; + font-family: 'Poppins', sans-serif; + font-weight: 400; +} + +.feedback-area-item { + padding-bottom: 16px; + border-bottom: 1px solid rgba(143, 143, 163, 0.3); + margin-top: 15px; +} + +.feedback-area-item .commentator { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.feedback-area-item .commentator-image { + margin-right: 12px; + width: 50px; + height: 50px; +} + +.feedback-area-item .commentator-image img { + border-radius: 50%; + max-width: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.feedback-area-item .commentator-info h6, +.feedback-area-item .commentator-info .h6 { + font-size: 14px; + line-height: 21px; + color: #42414b; +} + +.feedback-area-item .commentator-info p { + font-size: 12px; + line-height: 15px; + color: #8f8fa3; +} + +.feedback-area-item .comments { + margin-top: 10px; +} + +.feedback-area-item .comments p { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; +} .writereview-area { margin-top: 30px; padding: 30px; background-color: #fff; - border-radius: 8px; } - .writereview-area h6, .writereview-area .h6 { - color: #42414b; - font-family: 'Poppins', sans-serif; - font-weight: 600; } - .writereview-area form label { - font-size: 14px; - line-height: 21px; - font-family: 'Poppins', sans-serif; - font-weight: 500; - margin-top: 5px; - margin-bottom: 5px; } - .writereview-area form textarea { - padding: 16px 20px; - height: 112px; - resize: none; - border: 1px solid rgba(143, 143, 163, 0.3); - border-radius: 4px; } - .writereview-area form textarea:focus { - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid rgba(143, 143, 163, 0.3); } + border-radius: 8px; +} + +.writereview-area h6, +.writereview-area .h6 { + color: #42414b; + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.writereview-area form label { + font-size: 14px; + line-height: 21px; + font-family: 'Poppins', sans-serif; + font-weight: 500; + margin-top: 5px; + margin-bottom: 5px; +} + +.writereview-area form textarea { + padding: 16px 20px; + height: 112px; + resize: none; + border: 1px solid rgba(143, 143, 163, 0.3); + border-radius: 4px; +} + +.writereview-area form textarea:focus { + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid rgba(143, 143, 163, 0.3); +} @media (max-width: 420px) { .writereview-area { - margin-top: 20px; } } + margin-top: 20px; + } +} .created-by-image { height: 75px; - width: 75px; } - .created-by-image img { - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; } + width: 75px; +} + +.created-by-image img { + max-width: 100%; + -o-object-fit: cover; + object-fit: cover; +} .created-by-text p { color: #666575 !important; - font-size: 14px !important; } + font-size: 14px !important; +} -.created-by-text h6, .created-by-text .h6 { +.created-by-text h6, +.created-by-text .h6 { font-size: 18px; - font-weight: 600; } - .created-by-text h6 a, .created-by-text .h6 a { - color: #42414b !important; - display: block; } + font-weight: 600; +} + +.created-by-text h6 a, +.created-by-text .h6 a { + color: #42414b !important; + display: block; +} .another-color { - color: #8f8fa3 !important; } + color: #8f8fa3 !important; +} .related-course .shape .img-01 { top: 50%; -webkit-transform: translateY(-50%); - transform: translateY(-50%); } + transform: translateY(-50%); +} .related-course .shape .img-02 { top: -30px; - right: 5%; } + right: 5%; +} .course-overview-image { width: 750px; @@ -18708,52 +27194,70 @@ .course-overview-image { border-radius: 8px; position: relative; border-radius: 8px; - margin-bottom: 50px; } - .course-overview-image img { - width: inherit; - height: inherit; - -o-object-fit: cover; - object-fit: cover; } - .course-overview-image .play-button { - position: absolute; - top: 55%; - left: 50%; - -webkit-transform: translate(-45%, -50%); - transform: translate(-45%, -50%); - -webkit-box-shadow: 0px 25px 80px 0px #0a09561f; - box-shadow: 0px 25px 80px 0px #0a09561f; } + margin-bottom: 50px; +} + +.course-overview-image img { + width: inherit; + height: inherit; + -o-object-fit: cover; + object-fit: cover; +} + +.course-overview-image .play-button { + position: absolute; + top: 55%; + left: 50%; + -webkit-transform: translate(-45%, -50%); + transform: translate(-45%, -50%); + -webkit-box-shadow: 0px 25px 80px 0px #0a09561f; + box-shadow: 0px 25px 80px 0px #0a09561f; +} .course-overview-nav { width: 390px; - border-bottom: 1px solid white; } - .course-overview-nav .nav-item .active { - color: #202029 !important; - position: relative; } - .course-overview-nav .nav-item .active::after { - content: ''; - left: 0; - width: 100%; - bottom: -1px; - height: 3px; - position: absolute; - background-color: #0264ed; } - .course-overview-nav .nav-item .nav-link { - color: #666575; - border: none; - padding-left: 0; - padding-right: 0; - margin-right: 30px; - background-color: transparent; } + border-bottom: 1px solid white; +} + +.course-overview-nav .nav-item .active { + color: #202029 !important; + position: relative; +} + +.course-overview-nav .nav-item .active::after { + content: ''; + left: 0; + width: 100%; + bottom: -1px; + height: 3px; + position: absolute; + background-color: #0264ed; +} + +.course-overview-nav .nav-item .nav-link { + color: #666575; + border: none; + padding-left: 0; + padding-right: 0; + margin-right: 30px; + background-color: transparent; +} .course-overview-main-item { - margin-bottom: 30px; } - .course-overview-main-item h6, .course-overview-main-item .h6 { - color: #42414b; - margin-bottom: 16px; - font-weight: 600; } - .course-overview-main-item p { - font-weight: 400; - color: #8f8fa3; } + margin-bottom: 30px; +} + +.course-overview-main-item h6, +.course-overview-main-item .h6 { + color: #42414b; + margin-bottom: 16px; + font-weight: 600; +} + +.course-overview-main-item p { + font-weight: 400; + color: #8f8fa3; +} .course-overview-main .bullets-line { color: #666575; @@ -18763,287 +27267,419 @@ .course-overview-main .bullets-line { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; margin-bottom: 10px; - color: #666575; } - .course-overview-main .bullets-line span { - background-color: #666575; - height: 5px; - width: 5px; - border-radius: 50%; - display: inline-block; - margin-right: 5px; } - .course-overview-main .bullets-line svg { - margin-right: 10px; } + color: #666575; +} + +.course-overview-main .bullets-line span { + background-color: #666575; + height: 5px; + width: 5px; + border-radius: 50%; + display: inline-block; + margin-right: 5px; +} + +.course-overview-main .bullets-line svg { + margin-right: 10px; +} .course-overview__point li { list-style: disc; - margin-left: 20px; } - .course-overview__point li p { - color: #666575; } + margin-left: 20px; +} + +.course-overview__point li p { + color: #666575; +} @media (max-width: 420px) { .course-overview-image { width: 100%; height: auto; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course-overview-nav { - width: 100%; } + width: 100%; + } + .created-by { - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course-overview-image .play-button { width: 60px; - height: 60px; } + height: 60px; + } + .course-overview-content { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .course-overview-main .bullets-line { - display: block; } } + display: block; + } +} @media (min-width: 420px) and (max-width: 574px) { .course-overview-image { width: 100%; height: auto; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course-overview-nav { - width: 100%; } + width: 100%; + } + .created-by { - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course-overview-image .play-button { width: 60px; - height: 60px; } + height: 60px; + } + .course-overview-content { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .course-overview-main .bullets-line { - display: block; } } + display: block; + } +} @media (min-width: 575px) and (max-width: 767px) { .course-overview-image { width: 100%; height: auto; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course-overview-nav { - width: 100%; } + width: 100%; + } + .created-by { - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course-overview-image .play-button { width: 60px; - height: 60px; } + height: 60px; + } + .course-overview-content { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .course-overview-main .bullets-line { - display: block; } } + display: block; + } +} @media (min-width: 768px) and (max-width: 991px) { .course-overview-image { width: 100%; height: auto; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course-overview-nav { - width: 100%; } + width: 100%; + } + .created-by { - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course-overview-image .play-button { width: 60px; - height: 60px; } + height: 60px; + } + .course-overview-content { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .course-overview-main .bullets-line { - display: block; } } + display: block; + } +} @media (min-width: 992px) and (max-width: 1200px) { .course-overview-image { width: 100%; height: auto; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course-overview-nav { - width: 100%; } + width: 100%; + } + .created-by { - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course-overview-image .play-button { width: 60px; - height: 60px; } + height: 60px; + } + .course-overview-content { - padding-bottom: 30px; } } + padding-bottom: 30px; + } +} @media (max-width: 1200px) { .event-info .courseCard--wrapper { - margin-top: 0px; } + margin-top: 0px; + } + .course-curriculum-area .curriculum-area { - margin-bottom: 15px !important; } } + margin-bottom: 15px !important; + } +} .course-curriculum-area .curriculum-area { - margin-bottom: 30px; } + margin-bottom: 30px; +} + +.course-curriculum-area .curriculum-area-top { + width: 100%; + border: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 20px 24px; + border-radius: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: white; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; +} + +@media (max-width: 767px) { .course-curriculum-area .curriculum-area-top { - width: 100%; - border: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px 24px; - border-radius: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: white; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-bottom-left-radius: 0px; - border-bottom-right-radius: 0px; } - @media (max-width: 767px) { - .course-curriculum-area .curriculum-area-top { - padding: 20px 12px; } } - .course-curriculum-area .curriculum-area-top.collapsed { - border-bottom-left-radius: 10px; - border-bottom-right-radius: 10px; } - .course-curriculum-area .curriculum-area-top-start { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - .course-curriculum-area .curriculum-area-top-start p { - color: #42414b; - margin-left: 10px; } - .course-curriculum-area .curriculum-area-top-end { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - @media (max-width: 575px) { - .course-curriculum-area .curriculum-area-top-end { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } } - .course-curriculum-area .curriculum-area-top-end .total-lesson { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - overflow: hidden; - margin-right: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - @media (max-width: 767px) { - .course-curriculum-area .curriculum-area-top-end .total-lesson { - margin-right: 4px; } } - @media (max-width: 575px) { - .course-curriculum-area .curriculum-area-top-end .total-lesson { - margin-right: 0px; - margin-bottom: 8px; } } - .course-curriculum-area .curriculum-area-top-end .total-lesson p { - font-size: 14px; - line-height: 21px; - color: #42414b; - white-space: nowrap; - margin-left: 5px; } - .course-curriculum-area .curriculum-area-top-end .total-hours { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .course-curriculum-area .curriculum-area-top-end .total-hours p { - color: #42414b !important; - font-size: 14px !important; - margin-left: 5px; } - .course-curriculum-area .curriculum-area-top:not(.collapsed) .curriculum-area-top-start p { - color: #0264ed !important; } + padding: 20px 12px; + } +} + +.course-curriculum-area .curriculum-area-top.collapsed { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} + +.course-curriculum-area .curriculum-area-top-start { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.course-curriculum-area .curriculum-area-top-start p { + color: #42414b; + margin-left: 10px; +} + +.course-curriculum-area .curriculum-area-top-end { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +@media (max-width: 575px) { + .course-curriculum-area .curriculum-area-top-end { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } +} + +.course-curriculum-area .curriculum-area-top-end .total-lesson { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + margin-right: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +@media (max-width: 767px) { + .course-curriculum-area .curriculum-area-top-end .total-lesson { + margin-right: 4px; + } +} + +@media (max-width: 575px) { + .course-curriculum-area .curriculum-area-top-end .total-lesson { + margin-right: 0px; + margin-bottom: 8px; + } +} + +.course-curriculum-area .curriculum-area-top-end .total-lesson p { + font-size: 14px; + line-height: 21px; + color: #42414b; + white-space: nowrap; + margin-left: 5px; +} + +.course-curriculum-area .curriculum-area-top-end .total-hours { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.course-curriculum-area .curriculum-area-top-end .total-hours p { + color: #42414b !important; + font-size: 14px !important; + margin-left: 5px; +} + +.course-curriculum-area .curriculum-area-top:not(.collapsed) .curriculum-area-top-start p { + color: #0264ed !important; +} + +.course-curriculum-area .curriculum-area-bottom { + background-color: white; + padding: 12px 24px; + padding-bottom: 24px; + border-top: 1px solid #ebebf2; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; +} + +@media (max-width: 767px) { .course-curriculum-area .curriculum-area-bottom { - background-color: white; - padding: 12px 24px; - padding-bottom: 24px; - border-top: 1px solid #ebebf2; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; - -webkit-transition: all 0.2s linear; - transition: all 0.2s linear; } - @media (max-width: 767px) { - .course-curriculum-area .curriculum-area-bottom { - padding: 12px; } } - .course-curriculum-area .curriculum-area-bottom .curriculum-description { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12px 24px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid transparent; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-bottom: 1px solid #ebebf2; } - @media (max-width: 767px) { - .course-curriculum-area .curriculum-area-bottom .curriculum-description { - padding: 12px; } } - .course-curriculum-area .curriculum-area-bottom .curriculum-description.active, .course-curriculum-area .curriculum-area-bottom .curriculum-description:hover { - border: 1px solid rgba(16, 137, 255, 0.4) !important; - border-radius: 4px !important; } - .course-curriculum-area .curriculum-area-bottom .curriculum-description-start p { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .course-curriculum-area .curriculum-area-bottom .curriculum-description-start p a { - margin-right: 8px; - font-size: 14px !important; - color: #8f8fa3; } - .course-curriculum-area .curriculum-area-bottom .curriculum-description-start p a svg { - color: #1089ff; } - .course-curriculum-area .curriculum-area-bottom .curriculum-description-end { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .course-curriculum-area .curriculum-area-bottom .curriculum-description-end p { - margin-right: 40px; - font-size: 14px !important; } - .course-curriculum-area .curriculum-area-bottom .curriculum-description-end svg { - color: rgba(143, 143, 163, 0.4); } + padding: 12px; + } +} + +.course-curriculum-area .curriculum-area-bottom .curriculum-description { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 12px 24px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid #ebebf2; +} + +@media (max-width: 767px) { + .course-curriculum-area .curriculum-area-bottom .curriculum-description { + padding: 12px; + } +} + +.course-curriculum-area .curriculum-area-bottom .curriculum-description.active, +.course-curriculum-area .curriculum-area-bottom .curriculum-description:hover { + border: 1px solid rgba(16, 137, 255, 0.4) !important; + border-radius: 4px !important; +} + +.course-curriculum-area .curriculum-area-bottom .curriculum-description-start p { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.course-curriculum-area .curriculum-area-bottom .curriculum-description-start p a { + margin-right: 8px; + font-size: 14px !important; + color: #8f8fa3; +} + +.course-curriculum-area .curriculum-area-bottom .curriculum-description-start p a svg { + color: #1089ff; +} + +.course-curriculum-area .curriculum-area-bottom .curriculum-description-end { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.course-curriculum-area .curriculum-area-bottom .curriculum-description-end p { + margin-right: 40px; + font-size: 14px !important; +} + +.course-curriculum-area .curriculum-area-bottom .curriculum-description-end svg { + color: rgba(143, 143, 163, 0.4); +} @media (max-width: 574px) { .course-curriculum-area .curriculum-area-bottom .curriculum-description { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .course-curriculum-area .curriculum-area-bottom .curriculum-description-end { - display: none; } } + display: none; + } +} .course-cost { display: -webkit-box; @@ -19052,65 +27688,95 @@ .course-cost { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .course-cost span { - color: #ff7a1a; } - .course-cost span del { - color: #8f8fa3; - font-size: 18px; - line-height: 27px; } + -ms-flex-align: center; + align-items: center; +} + +.course-cost span { + color: #ff7a1a; +} + +.course-cost span del { + color: #8f8fa3; + font-size: 18px; + line-height: 27px; +} .course-includes { border-top: 1px solid #ebebf2; border-bottom: 1px solid #ebebf2; - padding: 24px 0px; } - - .course-includes h6, - .course-includes .h6 { - margin-top: 0; } - .course-includes-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 12px; } - .course-includes-item-start { - margin-right: 16px; - color: #ff7a1a; } - .course-includes-item-end p { - color: #42414b; } + padding: 24px 0px; +} + +.course-includes h6, +.course-includes .h6 { + margin-top: 0; +} + +.course-includes-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 12px; +} + +.course-includes-item-start { + margin-right: 16px; + color: #ff7a1a; +} + +.course-includes-item-end p { + color: #42414b; +} @media (max-width: 574px) { .course-review-content .students-feedback { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .course-overview-content { - padding-bottom: 10px; } } + padding-bottom: 10px; + } +} @media (min-width: 575px) and (max-width: 767px) { .course-overview-content { - padding-bottom: 10px; } + padding-bottom: 10px; + } + .course-review-content .students-feedback { - margin-bottom: 0 !important; } } + margin-bottom: 0 !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .course-review-content .students-feedback { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .course-overview-content { - padding-bottom: 10px; } } + padding-bottom: 10px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .course-review-content .students-feedback { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; + } + .course-overview-content { - padding-bottom: 10px; } } + padding-bottom: 10px; + } +} .course-description .nav { - padding: 0px 30px; } + padding: 0px 30px; +} .coursedescription-header { padding: 30px 50px; @@ -19120,105 +27786,135 @@ .coursedescription-header { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .coursedescription-header-start { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .coursedescription-header-start .logo-image { - width: 155px; - padding-right: 30px; - border-right: 1px solid rgba(143, 143, 163, 0.5); } - .coursedescription-header-start .logo-image img { - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; } - .coursedescription-header-start .topic-info { - padding-left: 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .coursedescription-header-start .topic-info-arrow { - margin-right: 12px; } - .coursedescription-header-start .topic-info-arrow a { - height: 50px; - width: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #202029; - border-radius: 50%; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: white; } - .coursedescription-header-start .topic-info-text h6 a, .coursedescription-header-start .topic-info-text .h6 a { - color: #202029; } - .coursedescription-header-start .topic-info-text .lesson-hours { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .coursedescription-header-start .topic-info-text .lesson-hours .totoal-hours, - .coursedescription-header-start .topic-info-text .lesson-hours .book-lesson { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .coursedescription-header-start .topic-info-text .lesson-hours .totoal-hours span, - .coursedescription-header-start .topic-info-text .lesson-hours .book-lesson span { - margin-left: 6px; - color: #202029; - font-size: 14px; } - .coursedescription-header-start .topic-info-text .lesson-hours .totoal-hours { - margin-left: 25px; } - .coursedescription-header-end .rating-link { - font-size: 16px; - color: #202029; - font-weight: 500; - margin-right: 35px; } + -ms-flex-pack: justify; + justify-content: space-between; +} + +.coursedescription-header-start { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.coursedescription-header-start .logo-image { + width: 155px; + padding-right: 30px; + border-right: 1px solid rgba(143, 143, 163, 0.5); +} + +.coursedescription-header-start .logo-image img { + max-width: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.coursedescription-header-start .topic-info { + padding-left: 30px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.coursedescription-header-start .topic-info-arrow { + margin-right: 12px; +} + +.coursedescription-header-start .topic-info-arrow a { + height: 50px; + width: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + color: #202029; + border-radius: 50%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: white; +} + +.coursedescription-header-start .topic-info-text h6 a, +.coursedescription-header-start .topic-info-text .h6 a { + color: #202029; +} + +.coursedescription-header-start .topic-info-text .lesson-hours { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.coursedescription-header-start .topic-info-text .lesson-hours .totoal-hours, +.coursedescription-header-start .topic-info-text .lesson-hours .book-lesson { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.coursedescription-header-start .topic-info-text .lesson-hours .totoal-hours span, +.coursedescription-header-start .topic-info-text .lesson-hours .book-lesson span { + margin-left: 6px; + color: #202029; + font-size: 14px; +} + +.coursedescription-header-start .topic-info-text .lesson-hours .totoal-hours { + margin-left: 25px; +} + +.coursedescription-header-end .rating-link { + font-size: 16px; + color: #202029; + font-weight: 500; + margin-right: 35px; +} .video-js { - min-height: 720px; } + min-height: 720px; +} .vjs-poster { width: 100%; - background-size: cover; } + background-size: cover; +} .video-js .vjs-big-play-button { - display: none; } + display: none; +} .video-js .vjs-slider { - background-color: rgba(255, 255, 255, 0.4); } + background-color: rgba(255, 255, 255, 0.4); +} .video-js .vjs-play-progress:before { color: #1089ff; @@ -19227,80 +27923,110 @@ .video-js .vjs-play-progress:before { background: #1089ff; top: 50%; -webkit-transform: translateY(-50%); - transform: translateY(-50%); } + transform: translateY(-50%); +} .video-js .vjs-play-progress { - background-color: #1089ff; } + background-color: #1089ff; +} .video-js .vjs-control-bar { - background-color: transparent; } + background-color: transparent; +} .video-js .vjs-picture-in-picture-control { - display: none; } + display: none; +} .course-description { padding: 0px 50px 60px 50px; -webkit-box-align: start; -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .course-description-start { - padding-right: 5px; } - .course-description-start-content { - background: #ffffff; - padding: 18px 0px 26px 0px; - border-radius: 0px 0px 8px 8px; } - .course-description-start-content h5.font-title--sm, .course-description-start-content .font-title--sm.h5 { - color: #202029; - padding: 0px 30px; - margin-bottom: 20px; } - .course-description-start-content-tab .active { - color: #202029 !important; - position: relative; } - .course-description-start-content-tab .active::after { - position: absolute; - content: ''; - bottom: 0; - left: 0; - height: 3px; - width: 100%; - background-color: #0264ed; - border-radius: 20px; } - .course-description-start-content-tab .nav-link { - padding-left: 0; - padding-right: 0; - margin-right: 30px; - background-color: transparent; - border: none; - color: #666575; - font-family: 'Poppins', sans-serif; - font-weight: 500; - font-size: 16px; } - .course-description-start-content-tabitem { - margin-top: 30px; - padding: 0px 30px; } - .course-description-start-content-tabitem .lesson-description { - max-width: 800px; } - .course-description-start-content-tabitem .lesson-description p { - font-size: 16px; - line-height: 24px; - color: #8f8fa3; } - .course-description-start-content-tabitem .lesson-description p a { - color: #1089ff; } + -ms-flex-align: start; + align-items: flex-start; +} + +.course-description-start { + padding-right: 5px; +} + +.course-description-start-content { + background: #ffffff; + padding: 18px 0px 26px 0px; + border-radius: 0px 0px 8px 8px; +} + +.course-description-start-content h5.font-title--sm, +.course-description-start-content .font-title--sm.h5 { + color: #202029; + padding: 0px 30px; + margin-bottom: 20px; +} + +.course-description-start-content-tab .active { + color: #202029 !important; + position: relative; +} + +.course-description-start-content-tab .active::after { + position: absolute; + content: ''; + bottom: 0; + left: 0; + height: 3px; + width: 100%; + background-color: #0264ed; + border-radius: 20px; +} + +.course-description-start-content-tab .nav-link { + padding-left: 0; + padding-right: 0; + margin-right: 30px; + background-color: transparent; + border: none; + color: #666575; + font-family: 'Poppins', sans-serif; + font-weight: 500; + font-size: 16px; +} + +.course-description-start-content-tabitem { + margin-top: 30px; + padding: 0px 30px; +} + +.course-description-start-content-tabitem .lesson-description { + max-width: 800px; +} + +.course-description-start-content-tabitem .lesson-description p { + font-size: 16px; + line-height: 24px; + color: #8f8fa3; +} + +.course-description-start-content-tabitem .lesson-description p a { + color: #1089ff; +} @media (max-width: 1200px) { .coursedescription-header-start { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; - -ms-flex-direction: row !important; - flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; -webkit-box-align: center !important; -webkit-align-items: center !important; - -ms-flex-align: center !important; - align-items: center !important; } - .coursedescription-header-start .topic-info { - margin-left: 30px; } + -ms-flex-align: center !important; + align-items: center !important; + } + + .coursedescription-header-start .topic-info { + margin-left: 30px; + } + .coursedescription-header-end { display: -webkit-box; display: -webkit-flex; @@ -19309,624 +28035,942 @@ @media (max-width: 1200px) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; } } + -ms-flex-pack: end; + justify-content: flex-end; + } +} @media (max-width: 420px) { .video-js { - min-height: auto; } + min-height: auto; + } + .coursedescription-header { padding: 0; padding-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .coursedescription-header-start { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .coursedescription-header-start .logo-image { - padding-right: 0; - border: 0; } - .coursedescription-header-start .topic-info { - padding-left: 0; - margin-top: 15px; - margin-bottom: 20px; } - .coursedescription-header-start .topic-info h6, .coursedescription-header-start .topic-info .h6 { - font-size: 18px !important; - margin-bottom: 5px; } - .coursedescription-header-end { - margin-bottom: 30px; } + -ms-flex-direction: column; + flex-direction: column; + } + + .coursedescription-header-start { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + + .coursedescription-header-start .logo-image { + padding-right: 0; + border: 0; + } + + .coursedescription-header-start .topic-info { + padding-left: 0; + margin-top: 15px; + margin-bottom: 20px; + } + + .coursedescription-header-start .topic-info h6, + .coursedescription-header-start .topic-info .h6 { + font-size: 18px !important; + margin-bottom: 5px; + } + + .coursedescription-header-end { + margin-bottom: 30px; + } + .course-description { padding-left: 0; padding-right: 0; - padding-bottom: 20px; } - .course-description-start { - padding-right: 0; - margin-bottom: 30px; } - .course-description-start-content h4, .course-description-start-content .h4 { - margin-bottom: 10px; } - .course-description-end .coursecontents-heading { - padding: 0px 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .course-description-end .coursecontents-heading h6, .course-description-end .coursecontents-heading .h6 { - margin-bottom: 5px; } - .course-description-end .coursecontents-wizard { - padding: 0px 20px; } - .course-description-end .coursecontents-wizard .download-active-outline { - padding-right: 0 !important; - padding-left: 0 !important; } - .course-description-end .coursecontents-wizard .download-active, - .course-description-end .coursecontents-wizard .active { - padding-left: 10px; - padding-right: 10px; } - .course-description-end .coursecontents-wizard-content { - padding-left: 0; - padding-right: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .course-description-end .coursecontents-wizard-content-start .playicon { - display: none; } - .course-description-end .coursecontents-wizard-content-start .contentname { - margin-left: 0; } - .course-description-end .coursecontents-wizard-content-end { - margin-top: 5px; } } + padding-bottom: 20px; + } + + .course-description-start { + padding-right: 0; + margin-bottom: 30px; + } + + .course-description-start-content h4, + .course-description-start-content .h4 { + margin-bottom: 10px; + } + + .course-description-end .coursecontents-heading { + padding: 0px 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .course-description-end .coursecontents-heading h6, + .course-description-end .coursecontents-heading .h6 { + margin-bottom: 5px; + } + + .course-description-end .coursecontents-wizard { + padding: 0px 20px; + } + + .course-description-end .coursecontents-wizard .download-active-outline { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .course-description-end .coursecontents-wizard .download-active, + .course-description-end .coursecontents-wizard .active { + padding-left: 10px; + padding-right: 10px; + } + + .course-description-end .coursecontents-wizard-content { + padding-left: 0; + padding-right: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + + .course-description-end .coursecontents-wizard-content-start .playicon { + display: none; + } + + .course-description-end .coursecontents-wizard-content-start .contentname { + margin-left: 0; + } + + .course-description-end .coursecontents-wizard-content-end { + margin-top: 5px; + } +} @media (min-width: 420px) and (max-width: 574px) { .video-js { - min-height: auto; } + min-height: auto; + } + .coursedescription-header { padding: 0; padding-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .coursedescription-header-start { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .coursedescription-header-start .logo-image { - padding-right: 0; - border: 0; } - .coursedescription-header-start .topic-info { - padding-left: 0; - margin-top: 15px; - margin-bottom: 20px; } - .coursedescription-header-start .topic-info h6, .coursedescription-header-start .topic-info .h6 { - font-size: 18px !important; - margin-bottom: 5px; } - .coursedescription-header-end { - margin-bottom: 30px; } + -ms-flex-align: start; + align-items: flex-start; + } + + .coursedescription-header-start { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + + .coursedescription-header-start .logo-image { + padding-right: 0; + border: 0; + } + + .coursedescription-header-start .topic-info { + padding-left: 0; + margin-top: 15px; + margin-bottom: 20px; + } + + .coursedescription-header-start .topic-info h6, + .coursedescription-header-start .topic-info .h6 { + font-size: 18px !important; + margin-bottom: 5px; + } + + .coursedescription-header-end { + margin-bottom: 30px; + } + .course-description { padding-left: 0; padding-right: 0; - padding-bottom: 20px; } - .course-description-start { - padding-right: 0; - margin-bottom: 30px; } - .course-description-start-content { - padding: 18px 20px 26px 20px; } - .course-description-start-content h4, .course-description-start-content .h4 { - margin-bottom: 10px; } - .course-description-end .coursecontents-heading { - padding: 0px 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .course-description-end .coursecontents-heading h6, .course-description-end .coursecontents-heading .h6 { - margin-bottom: 5px; } - .course-description-end .coursecontents-wizard { - padding: 0px 20px; } - .course-description-end .coursecontents-wizard .download-active-outline { - padding-right: 0 !important; - padding-left: 0 !important; } - .course-description-end .coursecontents-wizard .download-active, - .course-description-end .coursecontents-wizard .active { - padding-left: 10px; - padding-right: 10px; } - .course-description-end .coursecontents-wizard-content { - padding-left: 0; - padding-right: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .course-description-end .coursecontents-wizard-content-start .playicon { - display: none; } - .course-description-end .coursecontents-wizard-content-start .contentname { - margin-left: 0; } - .course-description-end .coursecontents-wizard-content-end { - margin-top: 5px; } } + padding-bottom: 20px; + } + + .course-description-start { + padding-right: 0; + margin-bottom: 30px; + } + + .course-description-start-content { + padding: 18px 20px 26px 20px; + } + + .course-description-start-content h4, + .course-description-start-content .h4 { + margin-bottom: 10px; + } + + .course-description-end .coursecontents-heading { + padding: 0px 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .course-description-end .coursecontents-heading h6, + .course-description-end .coursecontents-heading .h6 { + margin-bottom: 5px; + } + + .course-description-end .coursecontents-wizard { + padding: 0px 20px; + } + + .course-description-end .coursecontents-wizard .download-active-outline { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .course-description-end .coursecontents-wizard .download-active, + .course-description-end .coursecontents-wizard .active { + padding-left: 10px; + padding-right: 10px; + } + + .course-description-end .coursecontents-wizard-content { + padding-left: 0; + padding-right: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + + .course-description-end .coursecontents-wizard-content-start .playicon { + display: none; + } + + .course-description-end .coursecontents-wizard-content-start .contentname { + margin-left: 0; + } + + .course-description-end .coursecontents-wizard-content-end { + margin-top: 5px; + } +} @media (max-width: 767px) { - .course-description-start-content h4, .course-description-start-content .h4, + + .course-description-start-content h4, + .course-description-start-content .h4, .course-description-start-content .h4 { font-size: 28px !important; - line-height: 42px !important; } + line-height: 42px !important; + } + .course-description-start-content-tab .nav-tabs { -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } - .coursedescription-header-start .topic-info h6, .coursedescription-header-start .topic-info .h6, + -ms-flex-pack: start; + justify-content: flex-start; + } + + .coursedescription-header-start .topic-info h6, + .coursedescription-header-start .topic-info .h6, .coursedescription-header-start .topic-info .h6 { font-size: 18px !important; - line-height: 28px !important; } + line-height: 28px !important; + } + .course-overview-main .bullets-line span { - margin-right: 15px; } + margin-right: 15px; + } + .course-overview-main .bullets-line { font-size: 14px; - line-height: 24px; } + line-height: 24px; + } + .course-description-start-content-tabitem .lesson-description p { - font-size: 14px; } } + font-size: 14px; + } +} @media (min-width: 575px) and (max-width: 767px) { .video-js { - min-height: auto; } + min-height: auto; + } + .coursedescription-header { padding: 0; padding-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .coursedescription-header-start { - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -webkit-flex-direction: column !important; - -ms-flex-direction: column !important; - flex-direction: column !important; - -webkit-box-align: center !important; - -webkit-align-items: center !important; - -ms-flex-align: center !important; - align-items: center !important; } - .coursedescription-header-start .logo-image { - padding-right: 0; - border: 0; } - .coursedescription-header-start .topic-info { - padding-left: 0; - margin-top: 15px; - margin-bottom: 20px; } - .coursedescription-header-start .topic-info-arrow { - padding-right: 15px; } - .coursedescription-header-end { - margin-bottom: 30px; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: 100%; } + -ms-flex-align: start; + align-items: flex-start; + } + + .coursedescription-header-start { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; + } + + .coursedescription-header-start .logo-image { + padding-right: 0; + border: 0; + } + + .coursedescription-header-start .topic-info { + padding-left: 0; + margin-top: 15px; + margin-bottom: 20px; + } + + .coursedescription-header-start .topic-info-arrow { + padding-right: 15px; + } + + .coursedescription-header-end { + margin-bottom: 30px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + } + .course-description { padding-left: 0; padding-right: 0; - padding-bottom: 20px; } - .course-description-start { - padding-right: 0; - margin-bottom: 30px; } - .course-description-start-content { - padding: 18px 20px 26px 20px; } - .course-description-start-content h4, .course-description-start-content .h4 { - margin-bottom: 10px; } - .course-description-end .coursecontents-heading { - padding: 0px 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .course-description-end .coursecontents-heading h6, .course-description-end .coursecontents-heading .h6 { - margin-bottom: 5px; } - .course-description-end .coursecontents-wizard { - padding: 0px 20px; } - .course-description-end .coursecontents-wizard .download-active-outline { - padding-right: 0 !important; - padding-left: 0 !important; } - .course-description-end .coursecontents-wizard .download-active, - .course-description-end .coursecontents-wizard .active { - padding-left: 10px; - padding-right: 10px; } - .course-description-end .coursecontents-wizard-content { - padding-left: 0; - padding-right: 0; } - .course-description-end .coursecontents-wizard-content-end { - margin-top: 5px; } } + padding-bottom: 20px; + } + + .course-description-start { + padding-right: 0; + margin-bottom: 30px; + } + + .course-description-start-content { + padding: 18px 20px 26px 20px; + } + + .course-description-start-content h4, + .course-description-start-content .h4 { + margin-bottom: 10px; + } + + .course-description-end .coursecontents-heading { + padding: 0px 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .course-description-end .coursecontents-heading h6, + .course-description-end .coursecontents-heading .h6 { + margin-bottom: 5px; + } + + .course-description-end .coursecontents-wizard { + padding: 0px 20px; + } + + .course-description-end .coursecontents-wizard .download-active-outline { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .course-description-end .coursecontents-wizard .download-active, + .course-description-end .coursecontents-wizard .active { + padding-left: 10px; + padding-right: 10px; + } + + .course-description-end .coursecontents-wizard-content { + padding-left: 0; + padding-right: 0; + } + + .course-description-end .coursecontents-wizard-content-end { + margin-top: 5px; + } +} @media (max-width: 991px) { - .videolist-area-heading h6, .videolist-area-heading .h6 { + + .videolist-area-heading h6, + .videolist-area-heading .h6 { font-size: 24px !important; - line-height: 36px !important; } - .wizard-heading h6, .wizard-heading .h6 { + line-height: 36px !important; + } + + .wizard-heading h6, + .wizard-heading .h6 { font-size: 18px !important; - line-height: 28px !important; } + line-height: 28px !important; + } + .coursedescription-header, .coursedescription-header-start { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; - -ms-flex-direction: column !important; - flex-direction: column !important; } + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .coursedescription-header-end { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .course-description-start-content h4, .course-description-start-content .h4, + -ms-flex-align: center; + align-items: center; + } + + .course-description-start-content h4, + .course-description-start-content .h4, .course-description-start-content .h4 { font-size: 28px !important; - line-height: 38px !important; } } + line-height: 38px !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .video-js { - min-height: auto; } + min-height: auto; + } + .coursedescription-header { padding: 0; - padding-top: 20px; } - .coursedescription-header-start { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .coursedescription-header-start .logo-image { - padding-right: 0; - border: 0; } - .coursedescription-header-start .topic-info { - padding-left: 0; - margin-top: 15px; - margin-bottom: 20px; } - .coursedescription-header-start .topic-info h6, .coursedescription-header-start .topic-info .h6 { - font-size: 18px !important; - margin-bottom: 5px; } - .coursedescription-header-end { - margin-bottom: 30px; } + padding-top: 20px; + } + + .coursedescription-header-start { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + + .coursedescription-header-start .logo-image { + padding-right: 0; + border: 0; + } + + .coursedescription-header-start .topic-info { + padding-left: 0; + margin-top: 15px; + margin-bottom: 20px; + } + + .coursedescription-header-start .topic-info h6, + .coursedescription-header-start .topic-info .h6 { + font-size: 18px !important; + margin-bottom: 5px; + } + + .coursedescription-header-end { + margin-bottom: 30px; + } + .course-description { padding-left: 0; padding-right: 0; - padding-bottom: 20px; } - .course-description-start { - padding-right: 0; - margin-bottom: 30px; } - .course-description-start-content { - padding: 18px 20px 26px 20px; } - .course-description-start-content h4, .course-description-start-content .h4 { - margin-bottom: 10px; } - .course-description-end .coursecontents-heading { - padding: 0px 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .course-description-end .coursecontents-heading h6, .course-description-end .coursecontents-heading .h6 { - margin-bottom: 5px; } - .course-description-end .coursecontents-wizard { - padding: 0px 20px; } - .course-description-end .coursecontents-wizard .download-active-outline { - padding-right: 0 !important; - padding-left: 0 !important; } - .course-description-end .coursecontents-wizard .download-active, - .course-description-end .coursecontents-wizard .active { - padding-left: 10px; - padding-right: 10px; } - .course-description-end .coursecontents-wizard-content { - padding-left: 0; - padding-right: 0; } - .course-description-end .coursecontents-wizard-content-end { - margin-top: 5px; } } + padding-bottom: 20px; + } + + .course-description-start { + padding-right: 0; + margin-bottom: 30px; + } + + .course-description-start-content { + padding: 18px 20px 26px 20px; + } + + .course-description-start-content h4, + .course-description-start-content .h4 { + margin-bottom: 10px; + } + + .course-description-end .coursecontents-heading { + padding: 0px 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .course-description-end .coursecontents-heading h6, + .course-description-end .coursecontents-heading .h6 { + margin-bottom: 5px; + } + + .course-description-end .coursecontents-wizard { + padding: 0px 20px; + } + + .course-description-end .coursecontents-wizard .download-active-outline { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .course-description-end .coursecontents-wizard .download-active, + .course-description-end .coursecontents-wizard .active { + padding-left: 10px; + padding-right: 10px; + } + + .course-description-end .coursecontents-wizard-content { + padding-left: 0; + padding-right: 0; + } + + .course-description-end .coursecontents-wizard-content-end { + margin-top: 5px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .video-js { - min-height: auto; } + min-height: auto; + } + .coursedescription-header { padding: 0; - padding-top: 20px; } - .coursedescription-header-start { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .coursedescription-header-start .logo-image { - padding-right: 0; - border: 0; } - .coursedescription-header-start .topic-info { - padding-left: 0; - margin-top: 15px; - margin-bottom: 20px; } - .coursedescription-header-start .topic-info h6, .coursedescription-header-start .topic-info .h6 { - font-size: 18px !important; - margin-bottom: 5px; } - .coursedescription-header-end { - margin-bottom: 30px; } + padding-top: 20px; + } + + .coursedescription-header-start { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + + .coursedescription-header-start .logo-image { + padding-right: 0; + border: 0; + } + + .coursedescription-header-start .topic-info { + padding-left: 0; + margin-top: 15px; + margin-bottom: 20px; + } + + .coursedescription-header-start .topic-info h6, + .coursedescription-header-start .topic-info .h6 { + font-size: 18px !important; + margin-bottom: 5px; + } + + .coursedescription-header-end { + margin-bottom: 30px; + } + .course-description { padding-left: 0; padding-right: 0; - padding-bottom: 30px; } - .course-description-start { - padding-right: 0; - margin-bottom: 30px; } - .course-description-start-content { - padding: 18px 20px 26px 20px; } - .course-description-start-content h4, .course-description-start-content .h4 { - margin-bottom: 10px; } - .course-description-end .coursecontents-heading { - padding: 0px 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .course-description-end .coursecontents-heading h6, .course-description-end .coursecontents-heading .h6 { - margin-bottom: 5px; } - .course-description-end .coursecontents-wizard { - padding: 0px 20px; } - .course-description-end .coursecontents-wizard .download-active-outline { - padding-right: 0 !important; - padding-left: 0 !important; } - .course-description-end .coursecontents-wizard .download-active, - .course-description-end .coursecontents-wizard .active { - padding-left: 10px; - padding-right: 10px; } - .course-description-end .coursecontents-wizard-content { - padding-left: 0; - padding-right: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .course-description-end .coursecontents-wizard-content-start .playicon { - display: none; } - .course-description-end .coursecontents-wizard-content-start .contentname { - margin-left: 0; } - .course-description-end .coursecontents-wizard-content-end { - margin-top: 5px; } } + padding-bottom: 30px; + } + + .course-description-start { + padding-right: 0; + margin-bottom: 30px; + } + + .course-description-start-content { + padding: 18px 20px 26px 20px; + } + + .course-description-start-content h4, + .course-description-start-content .h4 { + margin-bottom: 10px; + } + + .course-description-end .coursecontents-heading { + padding: 0px 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .course-description-end .coursecontents-heading h6, + .course-description-end .coursecontents-heading .h6 { + margin-bottom: 5px; + } + + .course-description-end .coursecontents-wizard { + padding: 0px 20px; + } + + .course-description-end .coursecontents-wizard .download-active-outline { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .course-description-end .coursecontents-wizard .download-active, + .course-description-end .coursecontents-wizard .active { + padding-left: 10px; + padding-right: 10px; + } + + .course-description-end .coursecontents-wizard-content { + padding-left: 0; + padding-right: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + + .course-description-end .coursecontents-wizard-content-start .playicon { + display: none; + } + + .course-description-end .coursecontents-wizard-content-start .contentname { + margin-left: 0; + } + + .course-description-end .coursecontents-wizard-content-end { + margin-top: 5px; + } +} @media (max-width: 574px) { .coursedescription-header-start .topic-info { - margin-left: 0px; } + margin-left: 0px; + } + .coursedescription-header-end { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .course-description-start-content h4, .course-description-start-content .h4 { + -ms-flex-align: center; + align-items: center; + } + + .course-description-start-content h4, + .course-description-start-content .h4 { font-size: 18px !important; - line-height: 28px !important; } + line-height: 28px !important; + } + .course-description-start-content-tab .nav-link { - margin-right: 15px; } - .videolist-area-heading h6, .videolist-area-heading .h6, + margin-right: 15px; + } + + .videolist-area-heading h6, + .videolist-area-heading .h6, .videolist-area-heading .h6 { font-size: 16px !important; - line-height: 26px !important; } + line-height: 26px !important; + } + .videolist-area-wizard .main-wizard a { -webkit-box-align: start; -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } + -ms-flex-align: start; + align-items: flex-start; + } + .coursedescription-header-end { width: 100%; -webkit-box-pack: center !important; -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; } + -ms-flex-pack: center !important; + justify-content: center !important; + } + .course-overview-nav .nav-item .nav-link { - margin-right: 0px; } + margin-right: 0px; + } + .course-overview-nav { -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } + -ms-flex-pack: justify; + justify-content: space-between; + } + .course-instructor-info .instructor-text-bottom { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; - -ms-flex-direction: row !important; - flex-direction: row !important; } + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .course-instructor-info .instructor-text .ratings-icon { margin-top: 15px; - margin-right: 10px !important; } - .course-instructor-info .instructor-text .ratings-icon:nth-last-child(1) { - margin-right: 0px !important; } } + margin-right: 10px !important; + } + + .course-instructor-info .instructor-text .ratings-icon:nth-last-child(1) { + margin-right: 0px !important; + } +} .course-notes { - margin-bottom: 20px; } - .course-notes-area { - max-width: 815px; } - .course-notes h6, .course-notes .h6 { - color: #666575; - font-family: 'Poppins', sans-serif; - font-weight: 500; - font-size: 16px; - line-height: 24px; - margin-bottom: 5px; } - .course-notes-item { - position: relative; } - .course-notes-item .dot { - position: absolute; - top: 8px; - left: 0; - width: 5px; - height: 5px; - background-color: #8f8fa3; - border-radius: 50%; - margin-right: 10px; } - .course-notes-item p { - margin-left: 10px; - color: #8f8fa3; } + margin-bottom: 20px; +} + +.course-notes-area { + max-width: 815px; +} + +.course-notes h6, +.course-notes .h6 { + color: #666575; + font-family: 'Poppins', sans-serif; + font-weight: 500; + font-size: 16px; + line-height: 24px; + margin-bottom: 5px; +} + +.course-notes-item { + position: relative; +} + +.course-notes-item .dot { + position: absolute; + top: 8px; + left: 0; + width: 5px; + height: 5px; + background-color: #8f8fa3; + border-radius: 50%; + margin-right: 10px; +} + +.course-notes-item p { + margin-left: 10px; + color: #8f8fa3; +} .lesson-comments { - max-width: 800px; } - .lesson-comments .feedback-comment form { - margin-top: 10px; } + max-width: 800px; +} + +.lesson-comments .feedback-comment form { + margin-top: 10px; +} @media (max-width: 420px) { .lesson-comments .students-feedback { margin-bottom: 0; - padding-bottom: 0; } + padding-bottom: 0; + } + .lesson-comments .students-feedback-heading { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } } + -ms-flex-align: start !important; + align-items: flex-start !important; + } +} @media (min-width: 420px) and (max-width: 574px) { .lesson-comments .students-feedback { margin-bottom: 0; - padding-bottom: 0; } + padding-bottom: 0; + } + .lesson-comments .students-feedback-heading { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } } + -ms-flex-align: start !important; + align-items: flex-start !important; + } +} @media (min-width: 575px) and (max-width: 767px) { .lesson-comments .students-feedback { margin-bottom: 0; - padding-bottom: 0; } + padding-bottom: 0; + } + .lesson-comments .students-feedback-heading { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } } + -ms-flex-align: start !important; + align-items: flex-start !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .lesson-comments .students-feedback { margin-bottom: 0; - padding-bottom: 0; } + padding-bottom: 0; + } + .lesson-comments .students-feedback-heading { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } } + -ms-flex-align: start !important; + align-items: flex-start !important; + } +} @media (min-width: 992px) and (max-width: 1200px) { .lesson-comments .students-feedback { margin-bottom: 0; - padding-bottom: 0; } + padding-bottom: 0; + } + .lesson-comments .students-feedback-heading { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } } + -ms-flex-align: start !important; + align-items: flex-start !important; + } +} .coursefull-overview-area-wizard { max-width: 815px; - margin-bottom: 20px; } - .coursefull-overview-area-wizard h6, .coursefull-overview-area-wizard .h6 { - color: #42414b !important; - margin-bottom: 10px; } - .coursefull-overview-area-wizard-list { - margin-top: 8px; } - .coursefull-overview-area-wizard-list .list-icon svg { - stroke: #202029; } - .coursefull-overview-area-wizard-list .list-icon-dot { - width: 5px; - height: 5px; - background-color: #666575; - border-radius: 50%; } - .coursefull-overview-area-wizard-list .list-text { - margin-left: 10px; } - .coursefull-overview-area-wizard-list .list-text p { - color: #666575 !important; } + margin-bottom: 20px; +} + +.coursefull-overview-area-wizard h6, +.coursefull-overview-area-wizard .h6 { + color: #42414b !important; + margin-bottom: 10px; +} + +.coursefull-overview-area-wizard-list { + margin-top: 8px; +} + +.coursefull-overview-area-wizard-list .list-icon svg { + stroke: #202029; +} + +.coursefull-overview-area-wizard-list .list-icon-dot { + width: 5px; + height: 5px; + background-color: #666575; + border-radius: 50%; +} + +.coursefull-overview-area-wizard-list .list-text { + margin-left: 10px; +} + +.coursefull-overview-area-wizard-list .list-text p { + color: #666575 !important; +} .fullcourse-instructor .course-instructor { padding: 0; - max-width: 800px; } - .fullcourse-instructor .course-instructor .lead-p { - color: #42414B !important; - font-size: 18px !important; } - .fullcourse-instructor .course-instructor-description { - font-size: 16px !important; } + max-width: 800px; +} + +.fullcourse-instructor .course-instructor .lead-p { + color: #42414B !important; + font-size: 18px !important; +} + +.fullcourse-instructor .course-instructor-description { + font-size: 16px !important; +} .modal-backdrop.show { - opacity: 0.9; } + opacity: 0.9; +} .modal-backdrop { z-index: 0; - background-color: #202029; } + background-color: #202029; +} #ratingModal, body { - padding-right: 0 !important; } + padding-right: 0 !important; +} .modal-open { overflow: hidden; @@ -19934,7 +28978,8 @@ .modal-open { /* for chrome/safari*/ width: -moz-calc(100% - 16px); /*for firefox*/ - /*width: -ms-calc(100% - XXpx) */ } + /*width: -ms-calc(100% - XXpx) */ +} .modal--rating .modal-header { position: relative; @@ -19944,61 +28989,80 @@ .modal--rating .modal-header { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 18px 0px; } - .modal--rating .modal-header h5, .modal--rating .modal-header .h5 { - font-size: 18px; - line-height: 27px; - color: #202029; - text-transform: capitalize; - font-weight: 600; } - .modal--rating .modal-header .btn-close { - position: absolute; - top: 0; - margin-top: 6px; - right: 8px; - margin-left: 0px; - color: #42414b; - padding: 17px; } + -ms-flex-align: center; + align-items: center; + padding: 18px 0px; +} + +.modal--rating .modal-header h5, +.modal--rating .modal-header .h5 { + font-size: 18px; + line-height: 27px; + color: #202029; + text-transform: capitalize; + font-weight: 600; +} + +.modal--rating .modal-header .btn-close { + position: absolute; + top: 0; + margin-top: 6px; + right: 8px; + margin-left: 0px; + color: #42414b; + padding: 17px; +} .modal--rating .modal-body-rating { padding: 30px 0px; - padding-bottom: 0px; } - .modal--rating .modal-body-rating p { - font-size: 18px; - line-height: 27px; - font-weight: 500; } - .modal--rating .modal-body-rating p span { - color: #8f8fa3; - font-weight: 400; } + padding-bottom: 0px; +} + +.modal--rating .modal-body-rating p { + font-size: 18px; + line-height: 27px; + font-weight: 500; +} + +.modal--rating .modal-body-rating p span { + color: #8f8fa3; + font-weight: 400; +} .modal--rating .modal-footer { padding: 0px 30px; - padding-bottom: 40px; } - @media (max-width: 480px) { - .modal--rating .modal-footer { - padding: 0px 16px; - padding-bottom: 16px; } } - .modal--rating .modal-footer form textarea { - height: 110px; - border: 1.2px solid rgba(143, 143, 163, 0.4); - resize: none; - margin-bottom: 20px; - padding-top: 16px; - border-radius: 4px; - padding-left: 20px; } - .modal--rating .modal-footer form label { - font-size: 14px; - line-height: 21px; - color: #202029; - font-weight: 500; - text-transform: capitalize; - margin-bottom: 4px; } + padding-bottom: 40px; +} + +@media (max-width: 480px) { + .modal--rating .modal-footer { + padding: 0px 16px; + padding-bottom: 16px; + } +} + +.modal--rating .modal-footer form textarea { + height: 110px; + border: 1.2px solid rgba(143, 143, 163, 0.4); + resize: none; + margin-bottom: 20px; + padding-top: 16px; + border-radius: 4px; + padding-left: 20px; +} + +.modal--rating .modal-footer form label { + font-size: 14px; + line-height: 21px; + color: #202029; + font-weight: 500; + text-transform: capitalize; + margin-bottom: 4px; +} .error-area { position: relative; @@ -20008,143 +29072,212 @@ .error-area { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; padding-top: 195px; - padding-bottom: 232px; } - .error-area-start h3, .error-area-start .h3 { - font-size: 48px; - line-height: 60px; - color: #202029; } + padding-bottom: 232px; +} + +.error-area-start h3, +.error-area-start .h3 { + font-size: 48px; + line-height: 60px; + color: #202029; +} + +.error-area-start p { + font-size: 16px; + line-height: 24px; + margin-top: 15px; + margin-bottom: 30px; + font-weight: 400; + max-width: 400px; + color: #666575 !important; +} + +@media (max-width: 767px) { .error-area-start p { - font-size: 16px; - line-height: 24px; - margin-top: 15px; - margin-bottom: 30px; - font-weight: 400; - max-width: 400px; - color: #666575 !important; } - @media (max-width: 767px) { - .error-area-start p { - max-width: 100%; } } - .error-area .image { - margin-right: -80px; } - .error-area-shape img { - position: absolute; } - .error-area-shape .shape-01 { - top: 0; - left: 0; } - .error-area-shape .shape-02 { - bottom: 0; - right: 50px; } + max-width: 100%; + } +} + +.error-area .image { + margin-right: -80px; +} + +.error-area-shape img { + position: absolute; +} + +.error-area-shape .shape-01 { + top: 0; + left: 0; +} + +.error-area-shape .shape-02 { + bottom: 0; + right: 50px; +} @media (max-width: 1200px) { .error-area { margin: 0px; - padding: 90px 0px; } } + padding: 90px 0px; + } +} @media (max-width: 991px) { .newsletter { - padding-top: 0px !important; } + padding-top: 0px !important; + } + .error-area { height: auto; - padding: 30px 0px !important; } - .error-area-shape { - display: none; } - .error-area .image { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-right: 0px; } - .error-area .image img { - height: 350px; } - .error-area-start { - margin-top: 15px; } } + padding: 30px 0px !important; + } + + .error-area-shape { + display: none; + } + + .error-area .image { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 0px; + } + + .error-area .image img { + height: 350px; + } + + .error-area-start { + margin-top: 15px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .error-area-shape { - display: none; } + display: none; + } + .error-area .image { - margin-right: 0; } - .error-area-start h3, .error-area-start .h3 { - font-size: 36px; } + margin-right: 0; + } + + .error-area-start h3, + .error-area-start .h3 { + font-size: 36px; + } + .error-area-start p { font-size: 14px; - margin-bottom: 20px; } } + margin-bottom: 20px; + } +} @media (max-width: 767px) { .error-area .image { - margin-right: 0px; } } + margin-right: 0px; + } +} @media (min-width: 320px) and (max-width: 574px) { .error-area .image img { - height: auto; } } + height: auto; + } +} .course-instructor { background-color: #fff; border-radius: 8px; max-width: 670px; - padding: 24px; } - .course-instructor-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .course-instructor-info .instructor-image { - margin-right: 20px; - width: 125px; - height: 125px; } - .course-instructor-info .instructor-image img { - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - max-width: 100%; } - .course-instructor-info .instructor-text h6, .course-instructor-info .instructor-text .h6 { - color: #202029; } - .course-instructor-info .instructor-text h6 a, .course-instructor-info .instructor-text .h6 a { - color: #202029; - display: block; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - .course-instructor-info .instructor-text p { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; } - .course-instructor-info .instructor-text .ratings-icon { - margin-top: 10px; - margin-right: 20px; } - .course-instructor-info .instructor-text .ratings-icon p { - font-size: 14px; - line-height: 21px; - color: #42414b; - margin-left: 5px; } - .course-instructor .lead-p { - color: #666575; - margin-top: 15px; - margin-bottom: 8px; - font-size: 18px; - line-height: 27px; - color: #42414b; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - .course-instructor .course-instructor-description { - font-size: 16px; - line-height: 24px; - color: #8f8fa3; - max-width: 70%; } + padding: 24px; +} + +.course-instructor-info { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.course-instructor-info .instructor-image { + margin-right: 20px; + width: 125px; + height: 125px; +} + +.course-instructor-info .instructor-image img { + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + max-width: 100%; +} + +.course-instructor-info .instructor-text h6, +.course-instructor-info .instructor-text .h6 { + color: #202029; +} + +.course-instructor-info .instructor-text h6 a, +.course-instructor-info .instructor-text .h6 a { + color: #202029; + display: block; + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +.course-instructor-info .instructor-text p { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; +} + +.course-instructor-info .instructor-text .ratings-icon { + margin-top: 10px; + margin-right: 20px; +} + +.course-instructor-info .instructor-text .ratings-icon p { + font-size: 14px; + line-height: 21px; + color: #42414b; + margin-left: 5px; +} + +.course-instructor .lead-p { + color: #666575; + margin-top: 15px; + margin-bottom: 8px; + font-size: 18px; + line-height: 27px; + color: #42414b; + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +.course-instructor .course-instructor-description { + font-size: 16px; + line-height: 24px; + color: #8f8fa3; + max-width: 70%; +} @media (max-width: 1200px) { .course-instructor .course-instructor-description { - max-width: 100%; } } + max-width: 100%; + } +} @media (max-width: 574px) { .course-instructor-info { @@ -20152,19 +29285,27 @@ @media (max-width: 574px) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .course-instructor-info .instructor-image { - margin-right: 0; - margin-bottom: 10px; } - .course-instructor-info .instructor-text-bottom { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .course-instructor-info .instructor-text-bottom .ratings-icon { - margin-right: 0; } } + -ms-flex-direction: column; + flex-direction: column; + } + + .course-instructor-info .instructor-image { + margin-right: 0; + margin-bottom: 10px; + } + + .course-instructor-info .instructor-text-bottom { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .course-instructor-info .instructor-text-bottom .ratings-icon { + margin-right: 0; + } +} .comingsoon-header { padding: 22px 0px; @@ -20174,20 +29315,25 @@ .comingsoon-header { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .comingsoon-header .footer__wrapper_social a { - color: #42414b; - border: 1px solid white; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .comingsoon-header .footer__wrapper_social a:hover { - color: white; - border: 1px solid transparent; } + -ms-flex-pack: justify; + justify-content: space-between; +} + +.comingsoon-header .footer__wrapper_social a { + color: #42414b; + border: 1px solid white; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.comingsoon-header .footer__wrapper_social a:hover { + color: white; + border: 1px solid transparent; +} .comingsoon-area { position: relative; @@ -20197,39 +29343,56 @@ .comingsoon-area { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; min-height: 90vh; overflow-y: auto; - padding: 70px 0; } - .comingsoon-area-start p { - color: #202029; - margin-top: 10px; - margin-bottom: 25px; } - .comingsoon-area-start form { - max-width: 660px; - margin: auto; } - .comingsoon-area-start form input { - height: 58px; - border-radius: 4px; - padding-left: 20px; - width: 495px; - border: none; - margin-right: 10px; } - .comingsoon-area-shape img { - position: absolute; } - .comingsoon-area-shape .shape-01 { - top: 100px; - left: 0; } - .comingsoon-area-shape .shape-02 { - top: 100px; - right: 150px; } - .comingsoon-area-shape .shape-03 { - bottom: 0; - left: 50px; } - .comingsoon-area-shape .shape-04 { - bottom: 0; - right: 0; } + padding: 70px 0; +} + +.comingsoon-area-start p { + color: #202029; + margin-top: 10px; + margin-bottom: 25px; +} + +.comingsoon-area-start form { + max-width: 660px; + margin: auto; +} + +.comingsoon-area-start form input { + height: 58px; + border-radius: 4px; + padding-left: 20px; + width: 495px; + border: none; + margin-right: 10px; +} + +.comingsoon-area-shape img { + position: absolute; +} + +.comingsoon-area-shape .shape-01 { + top: 100px; + left: 0; +} + +.comingsoon-area-shape .shape-02 { + top: 100px; + right: 150px; +} + +.comingsoon-area-shape .shape-03 { + bottom: 0; + left: 50px; +} + +.comingsoon-area-shape .shape-04 { + bottom: 0; + right: 0; +} .count-down { display: -webkit-box; @@ -20238,280 +29401,426 @@ .count-down { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .count-down--sm .timer-body-block .table-cell .tab-val { - font-size: 24px !important; - line-height: 36px !important; } + -ms-flex-pack: center; + justify-content: center; +} + +.count-down--sm .timer-body-block .table-cell .tab-val { + font-size: 24px !important; + line-height: 36px !important; +} #countdown .timer-body-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; - display: flex; } - #countdown .timer-body-block .table-cell { - height: 90px; - width: 90px; - background-color: white; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 5px; - margin-right: 15px; } - #countdown .timer-body-block .table-cell .tab-val { - font-family: 'Poppins', sans-serif; - font-weight: 500; } - #countdown .timer-body-block .table-cell .tab-metr { - margin: 0; - color: #8f8fa3; - letter-spacing: 1px; - font-size: 12px; - line-height: 12px; - text-transform: uppercase; } + display: flex; +} + +#countdown .timer-body-block .table-cell { + height: 90px; + width: 90px; + background-color: white; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 5px; + margin-right: 15px; +} + +#countdown .timer-body-block .table-cell .tab-val { + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +#countdown .timer-body-block .table-cell .tab-metr { + margin: 0; + color: #8f8fa3; + letter-spacing: 1px; + font-size: 12px; + line-height: 12px; + text-transform: uppercase; +} .comingsoon-area #countdown .timer-body-block .table-cell .tab-val { font-size: 40px; line-height: 50px; font-family: 'Poppins', sans-serif; - font-weight: 400; } + font-weight: 400; +} @media (max-width: 420px) { .comingsoon-header { padding-left: 20px; - padding-right: 20px; } - .comingsoon-header .logo { - margin-right: 30px; } - .comingsoon-header .footer__wrapper_social ul li { - margin-right: 0; - margin-left: 8px; } + padding-right: 20px; + } + + .comingsoon-header .logo { + margin-right: 30px; + } + + .comingsoon-header .footer__wrapper_social ul li { + margin-right: 0; + margin-left: 8px; + } + .comingsoon-area-shape { - display: none; } - .comingsoon-area-start h1, .comingsoon-area-start .h1 { - font-size: 40px; } + display: none; + } + + .comingsoon-area-start h1, + .comingsoon-area-start .h1 { + font-size: 40px; + } + .comingsoon-area-start p { font-size: 14px !important; - margin-bottom: 10px; } + margin-bottom: 10px; + } + .comingsoon-area-start form .form-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .comingsoon-area-start form .form-group input { - width: 100%; - margin-bottom: 15px; - margin-right: 0; } + -ms-flex-direction: column; + flex-direction: column; + } + + .comingsoon-area-start form .form-group input { + width: 100%; + margin-bottom: 15px; + margin-right: 0; + } + .comingsoon-area-start .count-down { - margin-top: 20px; } - .comingsoon-area-start .count-down p { - margin-bottom: 0; } - .comingsoon-area-start .count-down h6, .comingsoon-area-start .count-down .h6 { - font-size: 26px; } - .comingsoon-area-start .count-down-item { - height: 70px; } } + margin-top: 20px; + } + + .comingsoon-area-start .count-down p { + margin-bottom: 0; + } + + .comingsoon-area-start .count-down h6, + .comingsoon-area-start .count-down .h6 { + font-size: 26px; + } + + .comingsoon-area-start .count-down-item { + height: 70px; + } +} @media (min-width: 420px) and (max-width: 574px) { .comingsoon-header { padding-left: 20px; - padding-right: 20px; } - .comingsoon-header .logo { - margin-right: 30px; } - .comingsoon-header .footer__wrapper_social ul li { - margin-right: 0; - margin-left: 8px; } - .comingsoon-header .footer__wrapper_social ul li a { - width: 36px; - height: 36px; } + padding-right: 20px; + } + + .comingsoon-header .logo { + margin-right: 30px; + } + + .comingsoon-header .footer__wrapper_social ul li { + margin-right: 0; + margin-left: 8px; + } + + .comingsoon-header .footer__wrapper_social ul li a { + width: 36px; + height: 36px; + } + .comingsoon-area-shape { - display: none; } - .comingsoon-area-start h1, .comingsoon-area-start .h1 { - font-size: 46px; } + display: none; + } + + .comingsoon-area-start h1, + .comingsoon-area-start .h1 { + font-size: 46px; + } + .comingsoon-area-start p { font-size: 14px !important; - margin-bottom: 10px; } + margin-bottom: 10px; + } + .comingsoon-area-start form .form-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .comingsoon-area-start form .form-group input { - width: 100%; - margin-bottom: 15px; - margin-right: 0; } + -ms-flex-direction: column; + flex-direction: column; + } + + .comingsoon-area-start form .form-group input { + width: 100%; + margin-bottom: 15px; + margin-right: 0; + } + .comingsoon-area-start .count-down { - margin-top: 40px; } - .comingsoon-area-start .count-down p { - margin-bottom: 0; } - .comingsoon-area-start .count-down h6, .comingsoon-area-start .count-down .h6 { - font-size: 26px; } - .comingsoon-area-start .count-down-item { - height: 70px; } } + margin-top: 40px; + } + + .comingsoon-area-start .count-down p { + margin-bottom: 0; + } + + .comingsoon-area-start .count-down h6, + .comingsoon-area-start .count-down .h6 { + font-size: 26px; + } + + .comingsoon-area-start .count-down-item { + height: 70px; + } +} @media (min-width: 575px) and (max-width: 767px) { .comingsoon-header { padding-left: 20px; - padding-right: 20px; } - .comingsoon-header .logo { - margin-right: 30px; } - .comingsoon-header .footer__wrapper_social ul li { - margin-right: 0; - margin-left: 8px; } - .comingsoon-header .footer__wrapper_social ul li a { - width: 36px; - height: 36px; } + padding-right: 20px; + } + + .comingsoon-header .logo { + margin-right: 30px; + } + + .comingsoon-header .footer__wrapper_social ul li { + margin-right: 0; + margin-left: 8px; + } + + .comingsoon-header .footer__wrapper_social ul li a { + width: 36px; + height: 36px; + } + .comingsoon-area-shape { - display: none; } - .comingsoon-area-start h1, .comingsoon-area-start .h1 { - font-size: 46px; } + display: none; + } + + .comingsoon-area-start h1, + .comingsoon-area-start .h1 { + font-size: 46px; + } + .comingsoon-area-start p { font-size: 14px !important; - margin-bottom: 10px; } + margin-bottom: 10px; + } + .comingsoon-area-start form .form-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .comingsoon-area-start form .form-group input { - width: 100%; - margin-bottom: 15px; - margin-right: 0; } + -ms-flex-direction: column; + flex-direction: column; + } + + .comingsoon-area-start form .form-group input { + width: 100%; + margin-bottom: 15px; + margin-right: 0; + } + .comingsoon-area-start .count-down { - margin-top: 40px; } - .comingsoon-area-start .count-down p { - margin-bottom: 0; } - .comingsoon-area-start .count-down h6, .comingsoon-area-start .count-down .h6 { - font-size: 26px; } } + margin-top: 40px; + } + + .comingsoon-area-start .count-down p { + margin-bottom: 0; + } + + .comingsoon-area-start .count-down h6, + .comingsoon-area-start .count-down .h6 { + font-size: 26px; + } +} @media (max-width: 767px) { .comingsoon-area-start form { - margin: 30px 0px; } + margin: 30px 0px; + } + #countdown .timer-body-block .table-cell { width: 75px; - height: 75px; } + height: 75px; + } + #countdown .timer-body-block .table-cell .tab-val { font-size: 28px; - line-height: 38px; } + line-height: 38px; + } + .comingsoon-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } + -ms-flex-direction: column; + flex-direction: column; + } + .comingsoon-header .logo { margin-right: 0px; - margin-bottom: 30px; } } + margin-bottom: 30px; + } +} @media (min-width: 768px) and (max-width: 991px) { .comingsoon-header { padding-left: 20px; - padding-right: 20px; } - .comingsoon-header .logo { - margin-right: 30px; } - .comingsoon-header .footer__wrapper_social ul li { - margin-right: 0; - margin-left: 8px; } - .comingsoon-header .footer__wrapper_social ul li a { - width: 36px; - height: 36px; } + padding-right: 20px; + } + + .comingsoon-header .logo { + margin-right: 30px; + } + + .comingsoon-header .footer__wrapper_social ul li { + margin-right: 0; + margin-left: 8px; + } + + .comingsoon-header .footer__wrapper_social ul li a { + width: 36px; + height: 36px; + } + .comingsoon-area-shape { - display: none; } - .comingsoon-area-start h1, .comingsoon-area-start .h1 { - font-size: 46px; } + display: none; + } + + .comingsoon-area-start h1, + .comingsoon-area-start .h1 { + font-size: 46px; + } + .comingsoon-area-start p { font-size: 14px !important; - margin-bottom: 10px; } + margin-bottom: 10px; + } + .comingsoon-area-start form .form-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .comingsoon-area-start form .form-group input { - width: 100%; - margin-bottom: 15px; - margin-right: 0; } + -ms-flex-direction: column; + flex-direction: column; + } + + .comingsoon-area-start form .form-group input { + width: 100%; + margin-bottom: 15px; + margin-right: 0; + } + .comingsoon-area-start .count-down { - margin-top: 40px; } - .comingsoon-area-start .count-down p { - margin-bottom: 0; } - .comingsoon-area-start .count-down h6, .comingsoon-area-start .count-down .h6 { - font-size: 26px; } - .comingsoon-area-start .count-down-item { - height: 70px; } } + margin-top: 40px; + } + + .comingsoon-area-start .count-down p { + margin-bottom: 0; + } + + .comingsoon-area-start .count-down h6, + .comingsoon-area-start .count-down .h6 { + font-size: 26px; + } + + .comingsoon-area-start .count-down-item { + height: 70px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .comingsoon-area-shape .shape-02 { - right: 0px; } + right: 0px; + } + form .form-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - form .form-group input { - width: 100%; - margin-bottom: 15px; - margin-right: 0; } } + -ms-flex-direction: column; + flex-direction: column; + } + + form .form-group input { + width: 100%; + margin-bottom: 15px; + margin-right: 0; + } +} @media (max-width: 1200px) { .comingsoon-area-start input { - text-align: center; } } + text-align: center; + } +} .become-instructor-image { margin-left: 65px; position: relative; z-index: 1; - border-radius: 10px; } + border-radius: 10px; +} .regular-fill-btn:hover { -webkit-box-shadow: 0px 10px 20px rgba(2, 100, 237, 0.25); - box-shadow: 0px 10px 20px rgba(2, 100, 237, 0.25); } + box-shadow: 0px 10px 20px rgba(2, 100, 237, 0.25); +} .become-instructor-shape img { position: absolute; - z-index: -1; } + z-index: -1; +} .become-instructor-shape .shape-01 { bottom: -8%; - left: 5%; } + left: 5%; +} .become-instructor-shape .shape-02 { bottom: -25%; - right: 0%; } + right: 0%; +} .instructor-rules-image { margin-left: 65px; position: relative; z-index: 1; - border-radius: 10px; } + border-radius: 10px; +} .instructor-ruls-image-shape img { position: absolute; - z-index: -1; } + z-index: -1; +} .instructor-ruls-image-shape .shape-01 { top: -10%; - left: 6%; } + left: 6%; +} .instructor-ruls-image-shape .shape-02 { bottom: -16%; - right: 5%; } + right: 5%; +} .rules-bullet { height: 8px; @@ -20519,11 +29828,13 @@ .rules-bullet { border-radius: 50%; background-color: #0264ed; display: inline-block; - margin-right: 5px; } + margin-right: 5px; +} .instructor-rules { padding-bottom: 60px; - margin-bottom: 40px; } + margin-bottom: 40px; +} .successful-instructor-feature { padding: 30px 20px; @@ -20531,138 +29842,192 @@ .successful-instructor-feature { border-radius: 5px; background: #ffffff; -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .successful-instructor-feature:hover { - -webkit-box-shadow: 0px 30px 80px rgba(10, 9, 86, 0.14); - box-shadow: 0px 30px 80px rgba(10, 9, 86, 0.14); - border: 1px solid transparent; } - .successful-instructor-feature:hover .successful-instructor-feature-image svg path { - stroke: white; } - .successful-instructor-feature:hover .successful-instructor-feature-image.first-bg { - background: #ff7a1a; } - .successful-instructor-feature:hover .successful-instructor-feature-image.second-bg { - background: #00af91; } - .successful-instructor-feature:hover .successful-instructor-feature-image.third-bg { - background: #1089ff; } - .successful-instructor-feature h5, .successful-instructor-feature .h5 { - line-height: 24px; } - .successful-instructor-feature-image { - height: 72px; - width: 72px; - border-radius: 5px; } - .successful-instructor-feature-image svg path { - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .successful-instructor-feature-image.first-bg { - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; - background-color: rgba(255, 122, 26, 0.1); } - .successful-instructor-feature-image.second-bg { - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; - background-color: rgba(0, 175, 145, 0.1); } - .successful-instructor-feature-image.third-bg { - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; - background-color: rgba(16, 137, 255, 0.1); } + transition: 0.3s all linear; +} + +.successful-instructor-feature:hover { + -webkit-box-shadow: 0px 30px 80px rgba(10, 9, 86, 0.14); + box-shadow: 0px 30px 80px rgba(10, 9, 86, 0.14); + border: 1px solid transparent; +} + +.successful-instructor-feature:hover .successful-instructor-feature-image svg path { + stroke: white; +} + +.successful-instructor-feature:hover .successful-instructor-feature-image.first-bg { + background: #ff7a1a; +} + +.successful-instructor-feature:hover .successful-instructor-feature-image.second-bg { + background: #00af91; +} + +.successful-instructor-feature:hover .successful-instructor-feature-image.third-bg { + background: #1089ff; +} + +.successful-instructor-feature h5, +.successful-instructor-feature .h5 { + line-height: 24px; +} + +.successful-instructor-feature-image { + height: 72px; + width: 72px; + border-radius: 5px; +} + +.successful-instructor-feature-image svg path { + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.successful-instructor-feature-image.first-bg { + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; + background-color: rgba(255, 122, 26, 0.1); +} + +.successful-instructor-feature-image.second-bg { + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; + background-color: rgba(0, 175, 145, 0.1); +} + +.successful-instructor-feature-image.third-bg { + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; + background-color: rgba(16, 137, 255, 0.1); +} .instructor-feature-shape { position: absolute; bottom: 160px; right: 100px; -webkit-animation: circle 3s linear infinite; - animation: circle 3s linear infinite; } + animation: circle 3s linear infinite; +} .section-bg { background: rgba(235, 235, 242, 0.5); - padding-bottom: 100px; } + padding-bottom: 100px; +} .top-bg { position: relative; - z-index: 2; } - .top-bg::after { - position: absolute; - content: ''; - top: 0; - left: 0; - background-color: #fff; - -webkit-clip-path: ellipse(70% 100% at 50% 0%); - clip-path: ellipse(70% 100% at 50% 0%); - z-index: -1; - height: 450px; - width: 100%; } + z-index: 2; +} + +.top-bg::after { + position: absolute; + content: ''; + top: 0; + left: 0; + background-color: #fff; + -webkit-clip-path: ellipse(70% 100% at 50% 0%); + clip-path: ellipse(70% 100% at 50% 0%); + z-index: -1; + height: 450px; + width: 100%; +} .info-desk-image { position: relative; z-index: 1; - border-radius: 10px; } + border-radius: 10px; +} .info-desk-shape img { position: absolute; - z-index: -1; } + z-index: -1; +} .info-desk-shape .shape-one { top: -45px; - left: -30px; } + left: -30px; +} .info-desk-shape .shape-two { bottom: -15px; - right: -10px; } + right: -10px; +} .info-desk-shape .shape-three { z-index: 2; bottom: -50px; left: 0; -webkit-animation: circle 3s linear infinite; - animation: circle 3s linear infinite; } + animation: circle 3s linear infinite; +} -.sucessfullInstructor h2, .sucessfullInstructor .h2 { - width: 50%; } +.sucessfullInstructor h2, +.sucessfullInstructor .h2 { + width: 50%; +} .sucessfullInstructor .section__overlay span { - z-index: -1; } + z-index: -1; +} .sucessfullInstructor .section__overlay--shape-01 { top: 30%; - right: 10%; } + right: 10%; +} @media (max-width: 1200px) { .sucessfullInstructor .cardFeature { - margin-bottom: 16px; } } + margin-bottom: 16px; + } +} @-webkit-keyframes circle { 0% { -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg); - transform: rotate(0deg) translate(-10px) rotate(0deg); } + transform: rotate(0deg) translate(-10px) rotate(0deg); + } + 100% { -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg); - transform: rotate(360deg) translate(-10px) rotate(-360deg); } } + transform: rotate(360deg) translate(-10px) rotate(-360deg); + } +} @keyframes circle { 0% { -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg); - transform: rotate(0deg) translate(-10px) rotate(0deg); } + transform: rotate(0deg) translate(-10px) rotate(0deg); + } + 100% { -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg); - transform: rotate(360deg) translate(-10px) rotate(-360deg); } } + transform: rotate(360deg) translate(-10px) rotate(-360deg); + } +} .list-unstyled li { font-size: 18px; line-height: 27px; - color: #666575; } + color: #666575; +} .textContent__wrapper { - margin-left: 20px; } + margin-left: 20px; +} @media (max-width: 1200px) { .sucessfullInstructor .section__overlay--shape-01 { top: 0; right: auto; - left: 0; } } + left: 0; + } +} @media (min-width: 1024px) { .successful-instructor-feature { - margin-bottom: 0px; } } + margin-bottom: 0px; + } +} @media (max-width: 1024px) { .successful-instructor-feature { @@ -20675,199 +30040,320 @@ @media (max-width: 1024px) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } } + -ms-flex-pack: center; + justify-content: center; + } +} @media (min-width: 992px) and (max-width: 1200px) { + .info-desk-image, .instructor-rules-image, .become-instructor-image { - margin: 0 !important; } + margin: 0 !important; + } + .info-desk-shape, .instructor-ruls-image-shape, .become-instructor-shape { - display: none; } + display: none; + } + .instructor-rules { padding: 0; - margin-bottom: 80px; } + margin-bottom: 80px; + } + .top-bg::after { - display: none; } + display: none; + } + .instructor-feature-shape { - display: none; } + display: none; + } + .section-bg { - padding: 80px 0px; } + padding: 80px 0px; + } + .successful-instructor-feature-image { height: 55px; - width: 55px; } } + width: 55px; + } +} @media (max-width: 991px) { + .becomeInstructor, .instructor-rules { - padding-top: 30px !important; } + padding-top: 30px !important; + } + .becomeInstructor, .instructor-rules { - padding-bottom: 30px !important; } + padding-bottom: 30px !important; + } + .becomeInstructor__wrapper, .instructor-rules__wrapper, .info-desk-image, .help__wrapper { - margin-bottom: 15px !important; } + margin-bottom: 15px !important; + } + .textContent__wrapper { - margin-left: 0px; } - .successful-instructor-feature h5, .successful-instructor-feature .h5, + margin-left: 0px; + } + + .successful-instructor-feature h5, + .successful-instructor-feature .h5, .successful-instructor-feature .h5 { font-size: 24px !important; - line-height: 34px !important; } - .sucessfullInstructor h2, .sucessfullInstructor .h2 { - width: 100%; } } + line-height: 34px !important; + } + + .sucessfullInstructor h2, + .sucessfullInstructor .h2 { + width: 100%; + } +} @media (min-width: 768px) and (max-width: 991px) { + .info-desk-image, .instructor-rules-image, .become-instructor-image { - margin: 0 !important; } + margin: 0 !important; + } + .info-desk-shape, .instructor-ruls-image-shape, .become-instructor-shape { - display: none; } + display: none; + } + .instructor-rules { padding: 0; - margin-bottom: 30px; } + margin-bottom: 30px; + } + .top-bg::after { - display: none; } + display: none; + } + .instructor-feature-shape { - display: none; } + display: none; + } + .section-bg { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .successful-instructor-feature-image { height: 55px; - width: 55px; } } + width: 55px; + } +} @media (max-width: 767px) { .intro-featured .successful-instructor-feature { - margin: auto 30px; } + margin: auto 30px; + } + .info-desk-image, .become-instructor-image, .instructor-rules-image { width: 350px !important; height: 350px !important; -o-object-fit: contain; - object-fit: contain; } + object-fit: contain; + } + .help__wrapper { - margin-bottom: 0px !important; } } + margin-bottom: 0px !important; + } +} @media (min-width: 575px) and (max-width: 767px) { + .instructor-rules-image, .become-instructor-image { margin: 0 !important; - width: 100%; } + width: 100%; + } + .info-desk-image { width: 100%; -o-object-fit: contain; - object-fit: contain; + object-fit: contain; margin: 0 !important; - margin-bottom: 15px !important; } + margin-bottom: 15px !important; + } + .info-desk-shape, .instructor-ruls-image-shape, .become-instructor-shape { - display: none; } + display: none; + } + .instructor-rules { padding: 0; - margin-bottom: 0px; } + margin-bottom: 0px; + } + .top-bg::after { - display: none; } + display: none; + } + .instructor-feature-shape { - display: none; } + display: none; + } + .section-bg { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .successful-instructor-feature-image { height: 55px; - width: 55px; } } + width: 55px; + } +} @media (min-width: 420px) and (max-width: 574px) { + .instructor-rules-image, .become-instructor-image { margin: 0 !important; - width: 100%; } + width: 100%; + } + .info-desk-shape, .instructor-ruls-image-shape, .become-instructor-shape { - display: none; } + display: none; + } + .instructor-rules { padding: 0; - margin-bottom: 0px; } + margin-bottom: 0px; + } + .top-bg::after { - display: none; } + display: none; + } + .instructor-feature-shape { - display: none; } + display: none; + } + .section-bg { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .successful-instructor-feature-image { height: 55px; - width: 55px; } } + width: 55px; + } +} @media (max-width: 420px) { + .info-desk-image, .instructor-rules-image, .become-instructor-image { - margin: 0 !important; } + margin: 0 !important; + } + .info-desk-shape, .instructor-ruls-image-shape, .become-instructor-shape { - display: none; } + display: none; + } + .instructor-rules { padding: 0; - margin-bottom: 0px; } + margin-bottom: 0px; + } + .top-bg::after { - display: none; } + display: none; + } + .instructor-feature-shape { - display: none; } + display: none; + } + .section-bg { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .successful-instructor-feature-image { height: 55px; - width: 55px; } } + width: 55px; + } +} @media (min-width: 320px) and (max-width: 574px) { .list-unstyled li { - font-size: 14px; } + font-size: 14px; + } + .textContent__wrapper { - margin-left: 0px; } + margin-left: 0px; + } + .becomeInstructor__wrapper, .instructor-rules__wrapper { - margin-bottom: 15px; } + margin-bottom: 15px; + } + .info-desk-image { margin: 0 !important; - margin-bottom: 15px !important; } + margin-bottom: 15px !important; + } + .intro-featured { padding-left: 15px !important; - padding-right: 15px !important; } + padding-right: 15px !important; + } + .intro-featured .successful-instructor-feature { - margin: 0; } + margin: 0; + } + .successful-instructor-feature { - min-height: auto; } } + min-height: auto; + } +} .instructor-courses { - padding-top: 50px; } - .instructor-courses-instructor { - background: #ffffff; - border-radius: 6px; - padding: 30px; } - .instructor-courses-instructor .instructor-image { - margin-bottom: 20px; - width: 250px; - height: 250px; } - .instructor-courses-instructor .instructor-image img { - -o-object-fit: cover; - object-fit: cover; - width: inherit; - height: inherit; - border-radius: 50%; - vertical-align: middle; } + padding-top: 50px; +} + +.instructor-courses-instructor { + background: #ffffff; + border-radius: 6px; + padding: 30px; +} + +.instructor-courses-instructor .instructor-image { + margin-bottom: 20px; + width: 250px; + height: 250px; +} + +.instructor-courses-instructor .instructor-image img { + -o-object-fit: cover; + object-fit: cover; + width: inherit; + height: inherit; + border-radius: 50%; + vertical-align: middle; +} .social-links { display: -webkit-box; @@ -20876,40 +30362,51 @@ .social-links { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .social-links li { - margin: 0 12px; } - .social-links li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - border: 1px solid #ebebf2; - border-radius: 4px; - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .social-links li a svg path { - -webkit-transition: 0.3s all linear; - transition: 0.3s all linear; } - .social-links li a:hover { - background-color: #0264ed; } - .social-links li a:hover svg path { - fill: white; } + -ms-flex-pack: center; + justify-content: center; +} + +.social-links li { + margin: 0 12px; +} + +.social-links li a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 36px; + height: 36px; + border: 1px solid #ebebf2; + border-radius: 4px; + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.social-links li a svg path { + -webkit-transition: 0.3s all linear; + transition: 0.3s all linear; +} + +.social-links li a:hover { + background-color: #0264ed; +} + +.social-links li a:hover svg path { + fill: white; +} .instructor-course-info { margin: 30px 0px; @@ -20922,186 +30419,243 @@ .instructor-course-info { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .instructor-course-info-rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .instructor-course-info-rating .icon { - width: 70px; - height: 70px; - background-color: rgba(255, 122, 26, 0.1); - border-radius: 50%; - color: #ff7a1a; } - .instructor-course-info-rating .text { - margin-top: 10px; } - .instructor-course-info-rating .text h6, .instructor-course-info-rating .text .h6 { - font-size: 18px; - line-height: 27px; - color: #42414b; - font-weight: 500; } - .instructor-course-info-rating .text p { - font-size: 12px; - line-height: 15px; - color: #8f8fa3 !important; } - .instructor-course-info-students { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .instructor-course-info-students .icon { - width: 70px; - height: 70px; - background-color: rgba(0, 175, 145, 0.1); - border-radius: 50%; - color: #00af91; } - .instructor-course-info-students .text { - margin-top: 10px; } - .instructor-course-info-students .text h6, .instructor-course-info-students .text .h6 { - color: #42414b !important; - font-weight: 500; - font-size: 18px; } - .instructor-course-info-students .text p { - color: #8f8fa3 !important; - font-size: 12px !important; } - .instructor-course-info-courses { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .instructor-course-info-courses .icon { - width: 70px; - height: 70px; - background-color: rgba(16, 137, 255, 0.1); - border-radius: 50%; - color: #1089ff; } - .instructor-course-info-courses .text { - margin-top: 10px; } - .instructor-course-info-courses .text h6, .instructor-course-info-courses .text .h6 { - color: #42414b !important; - font-weight: 500; - font-size: 18px; } - .instructor-course-info-courses .text p { - color: #8f8fa3 !important; - font-size: 12px !important; } + -ms-flex-pack: justify; + justify-content: space-between; +} + +.instructor-course-info-rating { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.instructor-course-info-rating .icon { + width: 70px; + height: 70px; + background-color: rgba(255, 122, 26, 0.1); + border-radius: 50%; + color: #ff7a1a; +} + +.instructor-course-info-rating .text { + margin-top: 10px; +} + +.instructor-course-info-rating .text h6, +.instructor-course-info-rating .text .h6 { + font-size: 18px; + line-height: 27px; + color: #42414b; + font-weight: 500; +} + +.instructor-course-info-rating .text p { + font-size: 12px; + line-height: 15px; + color: #8f8fa3 !important; +} + +.instructor-course-info-students { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.instructor-course-info-students .icon { + width: 70px; + height: 70px; + background-color: rgba(0, 175, 145, 0.1); + border-radius: 50%; + color: #00af91; +} + +.instructor-course-info-students .text { + margin-top: 10px; +} + +.instructor-course-info-students .text h6, +.instructor-course-info-students .text .h6 { + color: #42414b !important; + font-weight: 500; + font-size: 18px; +} + +.instructor-course-info-students .text p { + color: #8f8fa3 !important; + font-size: 12px !important; +} + +.instructor-course-info-courses { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.instructor-course-info-courses .icon { + width: 70px; + height: 70px; + background-color: rgba(16, 137, 255, 0.1); + border-radius: 50%; + color: #1089ff; +} + +.instructor-course-info-courses .text { + margin-top: 10px; +} + +.instructor-course-info-courses .text h6, +.instructor-course-info-courses .text .h6 { + color: #42414b !important; + font-weight: 500; + font-size: 18px; +} + +.instructor-course-info-courses .text p { + color: #8f8fa3 !important; + font-size: 12px !important; +} .instructor-info p { font-size: 18px; line-height: 27px; - color: #666575; } + color: #666575; +} .about-instructor, .instructor-qualification { margin-bottom: 30px; padding-bottom: 30px; - border-bottom: 1px solid #ebebf2; } + border-bottom: 1px solid #ebebf2; +} .about-instructor p { font-size: 14px; line-height: 21px; - color: #666575; } + color: #666575; +} -.about-instructor h6, .about-instructor .h6, +.about-instructor h6, +.about-instructor .h6, .instructor-qualification h6, .instructor-qualification .h6 { font-size: 18px; line-height: 27px; color: #42414b; font-weight: 600; - margin-bottom: 15px; } + margin-bottom: 15px; +} .instructor-qualification .qualification-info { padding-bottom: 10px; margin-bottom: 10px; - border-bottom: 1px solid #ebebf2; } - .instructor-qualification .qualification-info p { - color: #8f8fa3 !important; - font-size: 14px !important; } - .instructor-qualification .qualification-info-title { - margin-bottom: 5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .instructor-qualification .qualification-info-title h6, .instructor-qualification .qualification-info-title .h6 { - margin-bottom: 0 !important; - color: rgba(66, 65, 75, 0.9) !important; - font-weight: 500; - font-size: 14px !important; } - .instructor-qualification .qualification-info-title p { - color: #666575 !important; - font-size: 14px !important; } + border-bottom: 1px solid #ebebf2; +} + +.instructor-qualification .qualification-info p { + color: #8f8fa3 !important; + font-size: 14px !important; +} + +.instructor-qualification .qualification-info-title { + margin-bottom: 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.instructor-qualification .qualification-info-title h6, +.instructor-qualification .qualification-info-title .h6 { + margin-bottom: 0 !important; + color: rgba(66, 65, 75, 0.9) !important; + font-weight: 500; + font-size: 14px !important; +} + +.instructor-qualification .qualification-info-title p { + color: #666575 !important; + font-size: 14px !important; +} .instructor-tabs-pills .nav-item { - border-bottom: 1px solid #ffffff; } - .instructor-tabs-pills .nav-item .active { - color: #202029 !important; - font-weight: 500; - font-size: 16px; - position: relative; } - .instructor-tabs-pills .nav-item .active::after { - position: absolute; - content: ''; - bottom: -1px; - left: 0; - background-color: #0264ed; - width: 100%; - height: 3px; - border-radius: 15px; } - .instructor-tabs-pills .nav-item .nav-link { - background-color: transparent !important; - color: #666575; - font-weight: 500; - font-size: 16px; - border: none !important; - padding-left: 0 !important; - padding-right: 0 !important; - padding-top: 0 !important; - margin-right: 25px; } + border-bottom: 1px solid #ffffff; +} + +.instructor-tabs-pills .nav-item .active { + color: #202029 !important; + font-weight: 500; + font-size: 16px; + position: relative; +} + +.instructor-tabs-pills .nav-item .active::after { + position: absolute; + content: ''; + bottom: -1px; + left: 0; + background-color: #0264ed; + width: 100%; + height: 3px; + border-radius: 15px; +} + +.instructor-tabs-pills .nav-item .nav-link { + background-color: transparent !important; + color: #666575; + font-weight: 500; + font-size: 16px; + border: none !important; + padding-left: 0 !important; + padding-right: 0 !important; + padding-top: 0 !important; + margin-right: 25px; +} .instructor-rating-area { - margin-bottom: 10px; } + margin-bottom: 10px; +} .rating-number { display: -webkit-box; @@ -21114,716 +30668,1082 @@ .rating-number { text-align: center; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: white; } - .rating-number h2, .rating-number .h2 { - font-size: 56px; - line-height: 70px; - font-weight: 700; - color: #42414b; } - .rating-number h6, .rating-number .h6 { - color: #42414b; } - .rating-number .rating-icon { - margin-bottom: 10px; } - .rating-number .rating-icon svg { - width: 14px; - height: 14px; - color: #ff7a1a; - fill: #ff7a1a; } - .rating-number p { - color: #666575; - font-size: 14px; } + -ms-flex-pack: center; + justify-content: center; + background-color: white; +} + +.rating-number h2, +.rating-number .h2 { + font-size: 56px; + line-height: 70px; + font-weight: 700; + color: #42414b; +} + +.rating-number h6, +.rating-number .h6 { + color: #42414b; +} + +.rating-number .rating-icon { + margin-bottom: 10px; +} + +.rating-number .rating-icon svg { + width: 14px; + height: 14px; + color: #ff7a1a; + fill: #ff7a1a; +} + +.rating-number p { + color: #666575; + font-size: 14px; +} .rating-range .fill-star { color: #8f8fa3; - fill: transparent; } + fill: transparent; +} .rating-range-item { - margin-bottom: 14px; } - .rating-range-item-ratings svg { - width: 12px; - height: 12px; - color: #ff7a1a; - fill: #ff7a1a; } - .rating-range-item-bar { - margin: 0px 15px; - width: 300px; - height: 5px; - border-radius: 5px; - position: relative; - overflow: hidden; - background-color: white; } - .rating-range-item-bar .rating-width { - position: absolute; - top: 0; - left: 0; - height: 5px; - border-radius: 5px; - background: #1089ff; } - .rating-range-item-percent p { - color: #666575 !important; - font-size: 14px; } + margin-bottom: 14px; +} + +.rating-range-item-ratings svg { + width: 12px; + height: 12px; + color: #ff7a1a; + fill: #ff7a1a; +} + +.rating-range-item-bar { + margin: 0px 15px; + width: 300px; + height: 5px; + border-radius: 5px; + position: relative; + overflow: hidden; + background-color: white; +} + +.rating-range-item-bar .rating-width { + position: absolute; + top: 0; + left: 0; + height: 5px; + border-radius: 5px; + background: #1089ff; +} + +.rating-range-item-percent p { + color: #666575 !important; + font-size: 14px; +} .rating-icons.rating-icons-modal { - margin-top: 10px; } - .rating-icons.rating-icons-modal .jq-star { - margin-right: 20px; } - .rating-icons.rating-icons-modal .jq-star-svg { - width: 40px; } + margin-top: 10px; +} + +.rating-icons.rating-icons-modal .jq-star { + margin-right: 20px; +} + +.rating-icons.rating-icons-modal .jq-star-svg { + width: 40px; +} .rating-icons .jq-star { - margin-right: 6px; } + margin-right: 6px; +} .students-feedback { margin-bottom: 30px; padding: 30px; background: #ffffff; - border-radius: 8px; } - .students-feedback-heading { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .students-feedback-heading h5, .students-feedback-heading .h5 { - color: #42414b; - font-weight: 600; } - .students-feedback-heading h5 span, .students-feedback-heading .h5 span { - color: #8f8fa3; - font-weight: 400; } - .students-feedback-heading .right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .students-feedback-heading .right h6, .students-feedback-heading .right .h6 { - color: #42414b; - font-weight: 500; } - .students-feedback-heading .right .dropdown .btn { - font-size: 14px !important; - padding-left: 10px; - color: #666575; } - .students-feedback-item { - margin-bottom: 15px; - padding-bottom: 15px; - border-bottom: 1px solid rgba(143, 143, 163, 0.3); } - .students-feedback-item .feedback-rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .students-feedback-item .feedback-rating-start { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - @media (max-width: 575px) { - .students-feedback-item .feedback-rating-start { - margin-bottom: 16px; } } - .students-feedback-item .feedback-rating-start .image { - height: 50px; - width: 50px; - border-radius: 50%; - overflow: hidden; } - .students-feedback-item .feedback-rating-start .image img { - width: inherit; - height: inherit; - -o-object-fit: cover; - object-fit: cover; } - .students-feedback-item .feedback-rating-start .text { - margin-left: 12px; } - .students-feedback-item .feedback-rating-start .text h6, .students-feedback-item .feedback-rating-start .text .h6 { - font-weight: 600; } - .students-feedback-item .feedback-rating-start .text h6 a, .students-feedback-item .feedback-rating-start .text .h6 a { - color: #42414b; } - .students-feedback-item .feedback-rating-start .text p { - font-size: 12px; - line-height: 15px; - margin-top: 2px; - color: #8f8fa3; - font-size: 12px; } - .students-feedback-item p { - font-size: 14px; - line-height: 21px; - color: #8f8fa3; - margin-top: 12px; } + border-radius: 8px; +} + +.students-feedback-heading { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 15px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.students-feedback-heading h5, +.students-feedback-heading .h5 { + color: #42414b; + font-weight: 600; +} + +.students-feedback-heading h5 span, +.students-feedback-heading .h5 span { + color: #8f8fa3; + font-weight: 400; +} + +.students-feedback-heading .right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.students-feedback-heading .right h6, +.students-feedback-heading .right .h6 { + color: #42414b; + font-weight: 500; +} + +.students-feedback-heading .right .dropdown .btn { + font-size: 14px !important; + padding-left: 10px; + color: #666575; +} + +.students-feedback-item { + margin-bottom: 15px; + padding-bottom: 15px; + border-bottom: 1px solid rgba(143, 143, 163, 0.3); +} + +.students-feedback-item .feedback-rating { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.students-feedback-item .feedback-rating-start { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +@media (max-width: 575px) { + .students-feedback-item .feedback-rating-start { + margin-bottom: 16px; + } +} + +.students-feedback-item .feedback-rating-start .image { + height: 50px; + width: 50px; + border-radius: 50%; + overflow: hidden; +} + +.students-feedback-item .feedback-rating-start .image img { + width: inherit; + height: inherit; + -o-object-fit: cover; + object-fit: cover; +} + +.students-feedback-item .feedback-rating-start .text { + margin-left: 12px; +} + +.students-feedback-item .feedback-rating-start .text h6, +.students-feedback-item .feedback-rating-start .text .h6 { + font-weight: 600; +} + +.students-feedback-item .feedback-rating-start .text h6 a, +.students-feedback-item .feedback-rating-start .text .h6 a { + color: #42414b; +} + +.students-feedback-item .feedback-rating-start .text p { + font-size: 12px; + line-height: 15px; + margin-top: 2px; + color: #8f8fa3; + font-size: 12px; +} + +.students-feedback-item p { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; + margin-top: 12px; +} .my-rating { - margin-bottom: 18px; } + margin-bottom: 18px; +} .feedback-comment { border-radius: 5px; background-color: white; - padding: 30px; } - .feedback-comment h6, .feedback-comment .h6 { - font-weight: 600; - margin-bottom: 12px; } - .feedback-comment span { - font-size: 14px; - line-height: 21px; - font-weight: 500; - color: #42414b; - margin-bottom: 6px; } - .feedback-comment form { - padding-bottom: 50px; } - .feedback-comment form label { - font-size: 14px; - line-height: 21px; - color: #42414b; - margin-bottom: 5px; - font-weight: 500; } - .feedback-comment form textarea { - resize: none; - height: 112px; - margin-bottom: 20px; - border-radius: 4px; - padding: 16px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid rgba(143, 143, 163, 0.3); } - .feedback-comment form textarea::-webkit-input-placeholder { - font-size: 16px; - line-height: 24px; } - .feedback-comment form textarea::-moz-placeholder { - font-size: 16px; - line-height: 24px; } - .feedback-comment form textarea:-ms-input-placeholder { - font-size: 16px; - line-height: 24px; } - .feedback-comment form textarea::-ms-input-placeholder { - font-size: 16px; - line-height: 24px; } - .feedback-comment form textarea::placeholder { - font-size: 16px; - line-height: 24px; } - .feedback-comment form textarea:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: 1px solid rgba(143, 143, 163, 0.3); } + padding: 30px; +} + +.feedback-comment h6, +.feedback-comment .h6 { + font-weight: 600; + margin-bottom: 12px; +} + +.feedback-comment span { + font-size: 14px; + line-height: 21px; + font-weight: 500; + color: #42414b; + margin-bottom: 6px; +} + +.feedback-comment form { + padding-bottom: 50px; +} + +.feedback-comment form label { + font-size: 14px; + line-height: 21px; + color: #42414b; + margin-bottom: 5px; + font-weight: 500; +} + +.feedback-comment form textarea { + resize: none; + height: 112px; + margin-bottom: 20px; + border-radius: 4px; + padding: 16px 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid rgba(143, 143, 163, 0.3); +} + +.feedback-comment form textarea::-webkit-input-placeholder { + font-size: 16px; + line-height: 24px; +} + +.feedback-comment form textarea::-moz-placeholder { + font-size: 16px; + line-height: 24px; +} + +.feedback-comment form textarea:-ms-input-placeholder { + font-size: 16px; + line-height: 24px; +} + +.feedback-comment form textarea::-ms-input-placeholder { + font-size: 16px; + line-height: 24px; +} + +.feedback-comment form textarea::placeholder { + font-size: 16px; + line-height: 24px; +} + +.feedback-comment form textarea:focus { + -webkit-box-shadow: none !important; + box-shadow: none !important; + border: 1px solid rgba(143, 143, 163, 0.3); +} @media (max-width: 1200px) { .instructor-courses-instructor .instructor-image { width: 160px; height: 160px; - margin-bottom: 15px; } + margin-bottom: 15px; + } + .instructor-courses { - padding-top: 15px; } + padding-top: 15px; + } + .instructor-rating-area { -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } + -ms-flex-pack: justify; + justify-content: space-between; + } + .rating-range { - margin-top: 10px; } + margin-top: 10px; + } + .rating-number { - margin-bottom: 0px !important; } + margin-bottom: 0px !important; + } + .rating-range-item { - margin-bottom: 5px; } } + margin-bottom: 5px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .instructor-course-info { margin-bottom: 20px; padding-top: 25px; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .course__content_time { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .course__content_time .clock, - .course__content_time .book, - .course__content_time .eye, - .course__content_time .star { - margin-bottom: 15px; } - .course__content_title h6, .course__content_title .h6, + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .course__content_time .clock, + .course__content_time .book, + .course__content_time .eye, + .course__content_time .star { + margin-bottom: 15px; + } + + .course__content_title h6, + .course__content_title .h6, .course__content_title .h6 { - font-size: 16px; } + font-size: 16px; + } + .rating-range { - margin-left: 0 !important; } + margin-left: 0 !important; + } + .rating-number { - margin-bottom: 20px; } } + margin-bottom: 20px; + } +} @media (max-width: 991px) { .rating-icons .jq-star { - margin-right: 0px; } - .rating-icons .jq-star-svg { - width: 24px; } - .students-feedback-item .feedback-rating-start .text h6, .students-feedback-item .feedback-rating-start .text .h6, + margin-right: 0px; + } + + .rating-icons .jq-star-svg { + width: 24px; + } + + .students-feedback-item .feedback-rating-start .text h6, + .students-feedback-item .feedback-rating-start .text .h6, .students-feedback-item .feedback-rating-start .text .h6 { - line-height: 24px !important; } + line-height: 24px !important; + } + .students-feedback-item .feedback-rating-start .text p { line-height: 22px !important; - margin-top: 0px; } + margin-top: 0px; + } + .instructor-course-info { -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; } } + -ms-flex-pack: distribute; + justify-content: space-around; + } +} @media (min-width: 768px) and (max-width: 991px) { .breadcrumb { -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } + -ms-flex-align: center; + align-items: center; + } + .course__img img { width: 100%; -o-object-fit: cover; - object-fit: cover; } + object-fit: cover; + } + .pagination { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; - -ms-flex-pack: start !important; - justify-content: flex-start !important; } + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .instructor-rating-area { -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } } + -ms-flex-pack: justify; + justify-content: space-between; + } +} @media (max-width: 767px) { + .instructor-courses-instructor .instructor-image, .instructor-courses-instructor .instructor-image img { width: 180px; - height: 180px; } - .instructor-info h4, .instructor-info .h4 { - line-height: 48px !important; } + height: 180px; + } + + .instructor-info h4, + .instructor-info .h4 { + line-height: 48px !important; + } + .social-links li a { width: 45px; - height: 45px; } + height: 45px; + } + .instructor-rating-area { -webkit-box-align: start; -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } + -ms-flex-align: start; + align-items: flex-start; + } + .rating-number { - width: 100%; } + width: 100%; + } + .instructor-course-info { -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } } + -ms-flex-pack: justify; + justify-content: space-between; + } +} @media (min-width: 575px) and (max-width: 767px) { .breadcrumb { -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } + -ms-flex-align: center; + align-items: center; + } + .instructor-course-info { margin-bottom: 20px; padding-bottom: 5px; padding-top: 25px; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .instructor-course-info-rating, .instructor-course-info-students, .instructor-course-info-courses { - margin-bottom: 20px; } + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .instructor-course-info-rating, + .instructor-course-info-students, + .instructor-course-info-courses { + margin-bottom: 20px; + } + .instructor-qualification, .about-instructor { padding-bottom: 20px; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course__content_title { - padding-top: 15px; } - .course__content_title h6, .course__content_title .h6 { - font-size: 16px !important; } + padding-top: 15px; + } + + .course__content_title h6, + .course__content_title .h6 { + font-size: 16px !important; + } + .course__content_time { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .course__content_time .clock, - .course__content_time .book, - .course__content_time .eye, - .course__content_time .star { - margin-bottom: 15px; } + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .course__content_time .clock, + .course__content_time .book, + .course__content_time .eye, + .course__content_time .star { + margin-bottom: 15px; + } + .course__img img { - width: 100%; } + width: 100%; + } + .instructor-rating-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } + -ms-flex-direction: column; + flex-direction: column; + } + .rating-number { - margin: 15px 0; } + margin: 15px 0; + } + .rating-range-item { - margin-bottom: 10px; } + margin-bottom: 10px; + } + .students-feedback { margin-top: 20px; - margin-bottom: 30px; } - .students-feedback-heading { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .students-feedback-heading h5, .students-feedback-heading .h5 { - font-size: 16px !important; } + margin-bottom: 30px; + } + + .students-feedback-heading { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .students-feedback-heading h5, + .students-feedback-heading .h5 { + font-size: 16px !important; + } + .feedback-comment { - padding: 25px; } - .feedback-comment form .btn { - float: left !important; } } + padding: 25px; + } + + .feedback-comment form .btn { + float: left !important; + } +} @media (min-width: 420px) and (max-width: 574px) { .breadcrumb { -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } + -ms-flex-align: center; + align-items: center; + } + .instructor-course-info { margin-bottom: 20px; padding-bottom: 5px; padding-top: 25px; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .instructor-course-info-rating, .instructor-course-info-students, .instructor-course-info-courses { - margin-bottom: 20px; } + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .instructor-course-info-rating, + .instructor-course-info-students, + .instructor-course-info-courses { + margin-bottom: 20px; + } + .instructor-qualification, .about-instructor { padding-bottom: 20px; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course__content_title { - padding-top: 15px; } - .course__content_title h6, .course__content_title .h6 { - font-size: 16px !important; } + padding-top: 15px; + } + + .course__content_title h6, + .course__content_title .h6 { + font-size: 16px !important; + } + .course__content_time { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .course__content_time .clock, - .course__content_time .book, - .course__content_time .eye, - .course__content_time .star { - margin-bottom: 15px; } + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .course__content_time .clock, + .course__content_time .book, + .course__content_time .eye, + .course__content_time .star { + margin-bottom: 15px; + } + .course__img img { - width: 100%; } + width: 100%; + } + .instructor-rating-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } + -ms-flex-direction: column; + flex-direction: column; + } + .rating-number { - margin: 15px auto; } + margin: 15px auto; + } + .rating-range-item { margin-bottom: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } - .rating-range-item-percent { - display: none; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } + + .rating-range-item-percent { + display: none; + } + .rating-range-item-bar { - margin: 10px 0px 0px 0px !important; } + margin: 10px 0px 0px 0px !important; + } + .students-feedback { margin-top: 20px; - margin-bottom: 30px; } - .students-feedback-heading { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .students-feedback-heading h5, .students-feedback-heading .h5 { - font-size: 16px !important; } - .students-feedback-item .feedback-rating { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start !important; - -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } + margin-bottom: 30px; + } + + .students-feedback-heading { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .students-feedback-heading h5, + .students-feedback-heading .h5 { + font-size: 16px !important; + } + + .students-feedback-item .feedback-rating { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .feedback-comment { - padding: 25px; } - .feedback-comment form .btn { - float: left !important; } } + padding: 25px; + } + + .feedback-comment form .btn { + float: left !important; + } +} @media (max-width: 420px) { .breadcrumb { -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } + -ms-flex-align: center; + align-items: center; + } + .instructor-course-info { margin-bottom: 20px; padding-bottom: 5px; padding-top: 25px; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .instructor-course-info-rating, .instructor-course-info-students, .instructor-course-info-courses { - margin-bottom: 20px; } + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .instructor-course-info-rating, + .instructor-course-info-students, + .instructor-course-info-courses { + margin-bottom: 20px; + } + .instructor-qualification, .about-instructor { padding-bottom: 20px; - margin-bottom: 20px; } + margin-bottom: 20px; + } + .course__content_title { - padding-top: 15px; } - .course__content_title h6, .course__content_title .h6 { - font-size: 16px !important; } + padding-top: 15px; + } + + .course__content_title h6, + .course__content_title .h6 { + font-size: 16px !important; + } + .course__content_time { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .course__content_time .clock, - .course__content_time .book, - .course__content_time .eye, - .course__content_time .star { - margin-bottom: 15px; } + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .course__content_time .clock, + .course__content_time .book, + .course__content_time .eye, + .course__content_time .star { + margin-bottom: 15px; + } + .pagination .cdp_i, .pagination .p_prev, .pagination .p_next { width: 40px; - height: 40px; } + height: 40px; + } + .instructor-rating-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } + -ms-flex-direction: column; + flex-direction: column; + } + .rating-number { - margin: 15px auto; } + margin: 15px auto; + } + .rating-range-item { margin-bottom: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-align: start !important; -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; } - .rating-range-item-percent { - display: none; } + -ms-flex-align: start !important; + align-items: flex-start !important; + } + + .rating-range-item-percent { + display: none; + } + .rating-range-item-bar { - margin: 10px 0px 0px 0px !important; } + margin: 10px 0px 0px 0px !important; + } + .students-feedback { margin-top: 20px; - margin-bottom: 30px; } - .students-feedback-heading { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .students-feedback-heading h5, .students-feedback-heading .h5 { - font-size: 16px !important; } - .students-feedback-item .feedback-rating { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start !important; - -webkit-align-items: flex-start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; - margin-top: 15px; } + margin-bottom: 30px; + } + + .students-feedback-heading { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .students-feedback-heading h5, + .students-feedback-heading .h5 { + font-size: 16px !important; + } + + .students-feedback-item .feedback-rating { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; + margin-top: 15px; + } + .feedback-comment { - padding: 25px; } - .feedback-comment form .btn { - float: left !important; } + padding: 25px; + } + + .feedback-comment form .btn { + float: left !important; + } + .rating-icons.rating-icons-modal .jq-star { width: 25px !important; height: 25px !important; - margin-right: 15px; } } + margin-right: 15px; + } +} @media (min-width: 320px) and (max-width: 574px) { - .instructor-info h4, .instructor-info .h4 { - margin-bottom: 0px !important; } } + + .instructor-info h4, + .instructor-info .h4 { + margin-bottom: 0px !important; + } +} .faq-area .accordion-item { margin-bottom: 20px; background-color: white; border-radius: 5px; - border: none; } - .faq-area .accordion-item .accordion-button { - font-size: 18px; - line-height: 27px; - color: #42414b; - font-family: 'Poppins', sans-serif; - font-weight: 500; - border-radius: 5px; } - .faq-area .accordion-item .accordion-button:focus { - border-color: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; } + border: none; +} + +.faq-area .accordion-item .accordion-button { + font-size: 18px; + line-height: 27px; + color: #42414b; + font-family: 'Poppins', sans-serif; + font-weight: 500; + border-radius: 5px; +} + +.faq-area .accordion-item .accordion-button:focus { + border-color: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} .accordion-button:not(.collapsed) { color: #0264ed !important; - background-color: white; } + background-color: white; +} .accordion-body { border-top: 1px solid #e5e5ee; border-radius: 5px; border-top-left-radius: 0px; - border-top-right-radius: 0px; } - .accordion-body p { - font-size: 16px; - line-height: 24px; - color: #8f8fa3; } + border-top-right-radius: 0px; +} + +.accordion-body p { + font-size: 16px; + line-height: 24px; + color: #8f8fa3; +} .accordion-collapse { - border: none !important; } + border: none !important; +} @media (max-width: 1200px) { .faq-area { - padding-top: 0px; } } + padding-top: 0px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .faq-area .accordion-item .accordion-button { - font-size: 16px; } } + font-size: 16px; + } +} @media (max-width: 991px) { .faq-area { - padding-top: 30px; } } + padding-top: 30px; + } +} @media (min-width: 768px) and (max-width: 991px) { .faq-area .accordion-item .accordion-button { - font-size: 16px; } } + font-size: 16px; + } +} @media (max-width: 767px) { .faq-area .accordion-item .accordion-button { font-size: 16px; - line-height: 26px; } + line-height: 26px; + } + .accordion-body p { - font-size: 14px; } + font-size: 14px; + } + .faq-area .accordion-item .accordion-button { - text-align: left; } + text-align: left; + } + .accordion-button::after { - margin-left: 15px; } } + margin-left: 15px; + } +} @media (min-width: 575px) and (max-width: 767px) { .faq-area .accordion-item .accordion-button { - font-size: 16px; } } + font-size: 16px; + } +} .checkout-area { - padding-top: 50px; } - .checkout-area__label { - font-size: 20px; - font-weight: 600; - line-height: 30px; - margin-bottom: 16px; - text-transform: capitalize; } - .checkout-area-checkout .checkout-tab { - background-color: white; - padding: 30px 25px; - border-radius: 6px; } - .checkout-area-checkout .checkout-tab .nav-link h6, .checkout-area-checkout .checkout-tab .nav-link .h6 { - color: #8f8fa3 !important; } - .checkout-area-checkout .checkout-tab .nav-link.active h6, .checkout-area-checkout .checkout-tab .nav-link.active .h6 { - color: #202029 !important; - font-size: 14px !important; } - .checkout-area-summery .summery-area { - padding: 25px; - background-color: white; - border-radius: 6px; } - .checkout-area-summery .summery-area-content { - margin-bottom: 25px; - padding-bottom: 25px; - border-bottom: 1px solid #ebebf2; } - .checkout-area-summery .summery-area-content-item { - margin-bottom: 15px; - padding-bottom: 15px; - border-bottom: 1px solid #ebebf2; } - .checkout-area-summery .summery-area-content-item .image { - width: 130px; - height: 100px; - border-radius: 3px; } - .checkout-area-summery .summery-area-content-item .image img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; } - .checkout-area-summery .summery-area-content-item .text h5, .checkout-area-summery .summery-area-content-item .text .h5 { - font-size: 16px !important; } - .checkout-area-summery .summery-area-content-item .text p { - font-size: 12px !important; } - .checkout-area-summery .summery-area-content-item .text h6, .checkout-area-summery .summery-area-content-item .text .h6 { - font-size: 14px !important; } - .checkout-area-summery .summery-area-content-item .text h6 span, .checkout-area-summery .summery-area-content-item .text .h6 span { - font-size: 12px !important; - color: #8f8fa3 !important; } - .checkout-area-summery .summery-area-text .summery-text { - border-bottom: 1px solid #ebebf2; - padding: 10px 0px; } - .checkout-area-summery .summery-area-text .summery-text .row { - margin-bottom: 0 !important; } - .checkout-area-summery .summery-area-text .summery-text span { - color: #666575 !important; - font-size: 13px !important; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - .checkout-area-summery .summery-area-text .summery-text p { - font-size: 14px !important; } - .checkout-area-summery .summery-area-text .summery-text .total-cost h6, .checkout-area-summery .summery-area-text .summery-text .total-cost .h6 { - color: #202029 !important; - font-size: 20px !important; - font-weight: 600 !important; } - .checkout-area-summery .summery-area-text .summery-text .total-cost p { - font-size: 20px !important; - color: #202029 !important; } + padding-top: 50px; +} + +.checkout-area__label { + font-size: 20px; + font-weight: 600; + line-height: 30px; + margin-bottom: 16px; + text-transform: capitalize; +} + +.checkout-area-checkout .checkout-tab { + background-color: white; + padding: 30px 25px; + border-radius: 6px; +} + +.checkout-area-checkout .checkout-tab .nav-link h6, +.checkout-area-checkout .checkout-tab .nav-link .h6 { + color: #8f8fa3 !important; +} + +.checkout-area-checkout .checkout-tab .nav-link.active h6, +.checkout-area-checkout .checkout-tab .nav-link.active .h6 { + color: #202029 !important; + font-size: 14px !important; +} + +.checkout-area-summery .summery-area { + padding: 25px; + background-color: white; + border-radius: 6px; +} + +.checkout-area-summery .summery-area-content { + margin-bottom: 25px; + padding-bottom: 25px; + border-bottom: 1px solid #ebebf2; +} + +.checkout-area-summery .summery-area-content-item { + margin-bottom: 15px; + padding-bottom: 15px; + border-bottom: 1px solid #ebebf2; +} + +.checkout-area-summery .summery-area-content-item .image { + width: 130px; + height: 100px; + border-radius: 3px; +} + +.checkout-area-summery .summery-area-content-item .image img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.checkout-area-summery .summery-area-content-item .text h5, +.checkout-area-summery .summery-area-content-item .text .h5 { + font-size: 16px !important; +} + +.checkout-area-summery .summery-area-content-item .text p { + font-size: 12px !important; +} + +.checkout-area-summery .summery-area-content-item .text h6, +.checkout-area-summery .summery-area-content-item .text .h6 { + font-size: 14px !important; +} + +.checkout-area-summery .summery-area-content-item .text h6 span, +.checkout-area-summery .summery-area-content-item .text .h6 span { + font-size: 12px !important; + color: #8f8fa3 !important; +} + +.checkout-area-summery .summery-area-text .summery-text { + border-bottom: 1px solid #ebebf2; + padding: 10px 0px; +} + +.checkout-area-summery .summery-area-text .summery-text .row { + margin-bottom: 0 !important; +} + +.checkout-area-summery .summery-area-text .summery-text span { + color: #666575 !important; + font-size: 13px !important; + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +.checkout-area-summery .summery-area-text .summery-text p { + font-size: 14px !important; +} + +.checkout-area-summery .summery-area-text .summery-text .total-cost h6, +.checkout-area-summery .summery-area-text .summery-text .total-cost .h6 { + color: #202029 !important; + font-size: 20px !important; + font-weight: 600 !important; +} + +.checkout-area-summery .summery-area-text .summery-text .total-cost p { + font-size: 20px !important; + color: #202029 !important; +} @media (max-width: 1200px) { .checkout-area { - padding-top: 0px; } } + padding-top: 0px; + } +} @media (max-width: 991px) { .checkout-area { - padding-top: 30px; } } + padding-top: 30px; + } +} @media (min-width: 575px) and (max-width: 767px) { - .checkout-area-summery .summery-area-content-item .text h5, .checkout-area-summery .summery-area-content-item .text .h5, + + .checkout-area-summery .summery-area-content-item .text h5, + .checkout-area-summery .summery-area-content-item .text .h5, .checkout-area-summery .summery-area-content-item .text .h5 { - font-size: 18px !important; } } + font-size: 18px !important; + } +} @media (min-width: 320px) and (max-width: 574px) { .checkout-area-summery .summery-area-content-item .image { @@ -21834,27 +31754,38 @@ @media (min-width: 320px) and (max-width: 574px) { display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; } - .checkout-area-summery .summery-area-content-item .text h6, .checkout-area-summery .summery-area-content-item .text .h6 { - margin-top: 0px !important; } } + -ms-flex-pack: start; + justify-content: flex-start; + } + + .checkout-area-summery .summery-area-content-item .text h6, + .checkout-area-summery .summery-area-content-item .text .h6 { + margin-top: 0px !important; + } +} .contactHero { padding-top: 112px !important; - margin-bottom: 90px !important; } - .contactHero__wrapper { - margin-left: -30px; } + margin-bottom: 90px !important; +} + +.contactHero__wrapper { + margin-left: -30px; +} .contact-hero-shape img { - position: absolute; } + position: absolute; +} .contact-hero-shape .shape-01 { top: 110px; - left: -110px; } + left: -110px; +} .contact-hero-shape .shape-02 { bottom: -45px; - right: -10px; } + right: -10px; +} .contact-location { display: -webkit-box; @@ -21863,409 +31794,598 @@ .contact-location { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .contact-location .icon-bg { - width: 48px; - height: 48px; - border-radius: 4px; - margin-right: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .contact-location .icon-bg.success-bg { - background-color: rgba(0, 175, 145, 0.1); - color: #00af91; } - .contact-location .icon-bg.tertiary-bg { - background-color: rgba(255, 122, 26, 0.1); - color: #ff7a1a; } - .contact-location .icon-bg.primary-bg { - background-color: rgba(16, 137, 255, 0.1); - color: #1089ff; } + -ms-flex-align: center; + align-items: center; +} -.getin-touch { - padding: 100px 0px 300px 0px; - background-size: cover; - background-position: center; - background-repeat: no-repeat; } - .getin-touch h3, .getin-touch .h3 { - margin-bottom: 40px !important; } - .getin-touch .form-area label { - font-size: 14px; - line-height: 21px; - color: #202020; - font-family: 'Poppins', sans-serif; - font-weight: 500; - margin-bottom: 4px; } - -.contact-feature { - padding: 30px; - background: #ffffff; - border-radius: 5px; } - .contact-feature-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-right: 18px; - width: 70px; - height: 70px; - border-radius: 5px; } - .contact-feature-icon.primary-bg { - background-color: rgba(16, 137, 255, 0.1); - color: #1089ff; } - .contact-feature-icon.tertiary-bg { - background-color: rgba(255, 122, 26, 0.1); - color: #ff7a1a; } - .contact-feature-icon.success-bg { - background-color: rgba(0, 175, 145, 0.1); - color: #00af91; } - .contact-feature-text h5, .contact-feature-text .h5 { - font-size: 24px; - line-height: 36px; - font-weight: 400; - color: #25252e; } - .contact-feature-text h6, .contact-feature-text .h6 { - color: #908fa5; - font-size: 12px; - font-family: 'Poppins', sans-serif; - font-weight: 500; - margin-bottom: 5px; - letter-spacing: 2px; - text-transform: uppercase; } - .contact-feature-text p { - font-size: 16px; - line-height: 24px; - color: #202029; } - .contact-feature-shape { - position: absolute; - bottom: -22%; - left: -25%; - z-index: -1; } - -.form-area { - position: relative; - background-color: white; - padding: 26px; - border-radius: 5px; } - .form-area form label { - font-size: 14px; - color: #25252e; - font-family: 'Poppins', sans-serif; - font-weight: 500; - margin-bottom: 10px; } - .form-area form input { - border: 1.2px solid rgba(144, 143, 165, 0.4); - padding: 15px 20px; } - .form-area form input:focus { - border: 1px solid #1089ff !important; - -webkit-box-shadow: 0px 2px 10px 0px #0264ed33 !important; - box-shadow: 0px 2px 10px 0px #0264ed33 !important; } - .form-area form textarea { - border: 1.2px solid rgba(144, 143, 165, 0.4); - height: 100px; - resize: none; - margin-bottom: 15px; } - .form-area form textarea:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-color: rgba(144, 143, 165, 0.4); } - .form-area-shape img { - position: absolute; - z-index: -1; } - .form-area-shape .shape-01 { - z-index: 1; - top: -23%; - right: -25%; - -webkit-animation: circle 3s linear infinite; - animation: circle 3s linear infinite; } - .form-area-shape .shape-02 { - bottom: -10%; - left: -3%; - -webkit-animation: circle 3s linear infinite; - animation: circle 3s linear infinite; } - -.map-area { - margin-top: -200px; - padding-bottom: 80px; } - .map-area-frame { - padding: 15px 15px 0px 15px; - border: 8px solid white; - border-bottom: none; - border-bottom-right-radius: 0px !important; - border-bottom-left-radius: 0px !important; - border-radius: 15px; - position: relative; } - .map-area-frame iframe { - width: 100%; - height: 392px; - border-radius: 10px; } - -@media (max-width: 1200px) { - .contactHero { - margin-bottom: 30px !important; } - .contactHero__wrapper p { - margin-top: 0px !important; } - .contact-location p { - font-size: 14px; - line-height: 26px; } } - -@media (max-width: 991px) { - .getin-touch { - padding-bottom: 60px; } - .contactHero { - padding-bottom: 30px !important; } - .contactHero__img-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - margin-bottom: 30px; } - .contactHero__wrapper { - margin-left: 0px; } - .contact-location-area { - -webkit-box-orient: horizontal !important; - -webkit-box-direction: normal !important; - -webkit-flex-direction: row !important; - -ms-flex-direction: row !important; - flex-direction: row !important; - -webkit-box-pack: start !important; - -webkit-justify-content: flex-start !important; - -ms-flex-pack: start !important; - justify-content: flex-start !important; } - .contact-location { - margin-right: 30px; } - .contact-feature-text { - text-align: center; } - .map-area { - margin-top: 0px; - padding: 100px 0px; } } - -@media (min-width: 992px) and (max-width: 1200px) { - .contact-feature-shape, - .contact-hero-shape { - display: none; } - .contact-location-area .contact-location { - margin-bottom: 10px !important; } } - -@media (min-width: 768px) and (max-width: 991px) { - .form-area-shape, - .contact-feature-shape, - .contact-hero-shape { - display: none; } - .getin-touch { - background-image: none !important; - background-color: rgba(235, 235, 242, 0.75) !important; } - .contact-feature { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .contact-feature-icon { - margin-right: 0; - margin-bottom: 20px; } - .form-area form input { - padding: 12px 20px; } - .map-area-frame { - padding: 0; - border: none; } - .getin-touch .form-area { - width: 97%; - margin: auto; } } - -@media (min-width: 575px) and (max-width: 767px) { - .form-area-shape, - .contact-feature-shape, - .contact-hero-shape { - display: none; } - .getin-touch { - background-image: none !important; - background-color: rgba(235, 235, 242, 0.75) !important; } - .contact-feature { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .contact-feature-icon { - margin-right: 0; - margin-bottom: 20px; } - .form-area { - padding: 16px; } - .form-area form input { - padding: 12px 20px; } - .map-area-frame { - padding: 0; - border: none; } } - -@media (max-width: 767px) { - .getin-touch .form-area { - width: 95%; - margin: auto; } } - -@media (min-width: 420px) and (max-width: 574px) { - .form-area-shape, - .contact-feature-shape, - .contact-hero-shape { - display: none; } - .getin-touch { - padding: 30px 0px; - background-image: none !important; - background-color: rgba(235, 235, 242, 0.75) !important; } - .contact-feature { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .contact-feature-icon { - margin-right: 0; - margin-bottom: 20px; } - .form-area { - padding: 16px; } - .form-area form input { - padding: 12px 20px; } - .map-area { - margin-top: 0px; - padding-bottom: 30px; - padding-top: 30px; } - .map-area-frame { - padding: 0; - border: none; } - .map-area-frame iframe { - height: auto; } } - -@media (max-width: 420px) { - .form-area-shape, - .contact-feature-shape, - .contact-hero-shape { - display: none; } - .getin-touch { - background-image: none !important; - background-color: rgba(235, 235, 242, 0.75) !important; } - .contact-feature { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .contact-feature-icon { - margin-right: 0; - margin-bottom: 20px; } - .form-area form input { - padding: 12px 20px; } - .map-area-frame { - padding: 0; - border: none; } } - -@media (min-width: 320px) and (max-width: 574px) { - .contactHero__wrapper { - margin-left: 0px; } - .contact-location-area { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .contact-location { - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -webkit-flex-direction: column !important; - -ms-flex-direction: column !important; - flex-direction: column !important; - margin: auto !important; } } - -.signin-area form label { - font-family: 'Poppins', sans-serif; - font-weight: 500; } - -.signup-area { - position: relative; - background: -webkit-gradient(linear, left top, right top, color-stop(55%, #fff), color-stop(45%, rgba(236, 236, 243, 0.6))); - background: linear-gradient(90deg, #fff 55%, rgba(236, 236, 243, 0.6) 45%); +.contact-location .icon-bg { + width: 48px; + height: 48px; + border-radius: 4px; + margin-right: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 100vh; - overflow-y: auto; } - .signup-area-image { - margin-right: -140px; - margin-left: 60px; } - .signup-area .verification input { - font-size: 32px; - line-height: 40px; - color: #202029; - border: 1px solid transparent; } - .signup-area .verification input:focus { - border: 1px solid #1089ff !important; } - .signup-area .verification input::-webkit-input-placeholder { - color: #8f8fa3; } - .signup-area .verification input::-moz-placeholder { - color: #8f8fa3; } - .signup-area .verification input:-ms-input-placeholder { - color: #8f8fa3; } - .signup-area .verification input::-ms-input-placeholder { - color: #8f8fa3; } - .signup-area .verification input::placeholder { - color: #8f8fa3; } - .signup-area-textwrapper h2, .signup-area-textwrapper .h2 { - margin-bottom: 12px !important; } - .signup-area-textwrapper p { - color: #666575; } - .signup-area-textwrapper p a { - color: #202029; - font-family: 'Poppins', sans-serif; - font-weight: 500; } - .signup-area-textwrapper #agree { - border: 2px solid #8f8fa3; } - .signup-area-textwrapper .terms label { + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.contact-location .icon-bg.success-bg { + background-color: rgba(0, 175, 145, 0.1); + color: #00af91; +} + +.contact-location .icon-bg.tertiary-bg { + background-color: rgba(255, 122, 26, 0.1); + color: #ff7a1a; +} + +.contact-location .icon-bg.primary-bg { + background-color: rgba(16, 137, 255, 0.1); + color: #1089ff; +} + +.getin-touch { + padding: 100px 0px 300px 0px; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} + +.getin-touch h3, +.getin-touch .h3 { + margin-bottom: 40px !important; +} + +.getin-touch .form-area label { + font-size: 14px; + line-height: 21px; + color: #202020; + font-family: 'Poppins', sans-serif; + font-weight: 500; + margin-bottom: 4px; +} + +.contact-feature { + padding: 30px; + background: #ffffff; + border-radius: 5px; +} + +.contact-feature-icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 18px; + width: 70px; + height: 70px; + border-radius: 5px; +} + +.contact-feature-icon.primary-bg { + background-color: rgba(16, 137, 255, 0.1); + color: #1089ff; +} + +.contact-feature-icon.tertiary-bg { + background-color: rgba(255, 122, 26, 0.1); + color: #ff7a1a; +} + +.contact-feature-icon.success-bg { + background-color: rgba(0, 175, 145, 0.1); + color: #00af91; +} + +.contact-feature-text h5, +.contact-feature-text .h5 { + font-size: 24px; + line-height: 36px; + font-weight: 400; + color: #25252e; +} + +.contact-feature-text h6, +.contact-feature-text .h6 { + color: #908fa5; + font-size: 12px; + font-family: 'Poppins', sans-serif; + font-weight: 500; + margin-bottom: 5px; + letter-spacing: 2px; + text-transform: uppercase; +} + +.contact-feature-text p { + font-size: 16px; + line-height: 24px; + color: #202029; +} + +.contact-feature-shape { + position: absolute; + bottom: -22%; + left: -25%; + z-index: -1; +} + +.form-area { + position: relative; + background-color: white; + padding: 26px; + border-radius: 5px; +} + +.form-area form label { + font-size: 14px; + color: #25252e; + font-family: 'Poppins', sans-serif; + font-weight: 500; + margin-bottom: 10px; +} + +.form-area form input { + border: 1.2px solid rgba(144, 143, 165, 0.4); + padding: 15px 20px; +} + +.form-area form input:focus { + border: 1px solid #1089ff !important; + -webkit-box-shadow: 0px 2px 10px 0px #0264ed33 !important; + box-shadow: 0px 2px 10px 0px #0264ed33 !important; +} + +.form-area form textarea { + border: 1.2px solid rgba(144, 143, 165, 0.4); + height: 100px; + resize: none; + margin-bottom: 15px; +} + +.form-area form textarea:focus { + -webkit-box-shadow: none !important; + box-shadow: none !important; + border-color: rgba(144, 143, 165, 0.4); +} + +.form-area-shape img { + position: absolute; + z-index: -1; +} + +.form-area-shape .shape-01 { + z-index: 1; + top: -23%; + right: -25%; + -webkit-animation: circle 3s linear infinite; + animation: circle 3s linear infinite; +} + +.form-area-shape .shape-02 { + bottom: -10%; + left: -3%; + -webkit-animation: circle 3s linear infinite; + animation: circle 3s linear infinite; +} + +.map-area { + margin-top: -200px; + padding-bottom: 80px; +} + +.map-area-frame { + padding: 15px 15px 0px 15px; + border: 8px solid white; + border-bottom: none; + border-bottom-right-radius: 0px !important; + border-bottom-left-radius: 0px !important; + border-radius: 15px; + position: relative; +} + +.map-area-frame iframe { + width: 100%; + height: 392px; + border-radius: 10px; +} + +@media (max-width: 1200px) { + .contactHero { + margin-bottom: 30px !important; + } + + .contactHero__wrapper p { + margin-top: 0px !important; + } + + .contact-location p { font-size: 14px; - line-height: 21px; - color: #8f8fa3; - font-family: 'Poppins', sans-serif; - font-weight: 400; } - .signup-area-textwrapper .terms label a { - text-decoration: underline; - color: #1089ff; } + line-height: 26px; + } +} + +@media (max-width: 991px) { + .getin-touch { + padding-bottom: 60px; + } + + .contactHero { + padding-bottom: 30px !important; + } + + .contactHero__img-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + margin-bottom: 30px; + } + + .contactHero__wrapper { + margin-left: 0px; + } + + .contact-location-area { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + + .contact-location { + margin-right: 30px; + } + + .contact-feature-text { + text-align: center; + } + + .map-area { + margin-top: 0px; + padding: 100px 0px; + } +} + +@media (min-width: 992px) and (max-width: 1200px) { + + .contact-feature-shape, + .contact-hero-shape { + display: none; + } + + .contact-location-area .contact-location { + margin-bottom: 10px !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + + .form-area-shape, + .contact-feature-shape, + .contact-hero-shape { + display: none; + } + + .getin-touch { + background-image: none !important; + background-color: rgba(235, 235, 242, 0.75) !important; + } + + .contact-feature { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .contact-feature-icon { + margin-right: 0; + margin-bottom: 20px; + } + + .form-area form input { + padding: 12px 20px; + } + + .map-area-frame { + padding: 0; + border: none; + } + + .getin-touch .form-area { + width: 97%; + margin: auto; + } +} + +@media (min-width: 575px) and (max-width: 767px) { + + .form-area-shape, + .contact-feature-shape, + .contact-hero-shape { + display: none; + } + + .getin-touch { + background-image: none !important; + background-color: rgba(235, 235, 242, 0.75) !important; + } + + .contact-feature { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .contact-feature-icon { + margin-right: 0; + margin-bottom: 20px; + } + + .form-area { + padding: 16px; + } + + .form-area form input { + padding: 12px 20px; + } + + .map-area-frame { + padding: 0; + border: none; + } +} + +@media (max-width: 767px) { + .getin-touch .form-area { + width: 95%; + margin: auto; + } +} + +@media (min-width: 420px) and (max-width: 574px) { + + .form-area-shape, + .contact-feature-shape, + .contact-hero-shape { + display: none; + } + + .getin-touch { + padding: 30px 0px; + background-image: none !important; + background-color: rgba(235, 235, 242, 0.75) !important; + } + + .contact-feature { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .contact-feature-icon { + margin-right: 0; + margin-bottom: 20px; + } + + .form-area { + padding: 16px; + } + + .form-area form input { + padding: 12px 20px; + } + + .map-area { + margin-top: 0px; + padding-bottom: 30px; + padding-top: 30px; + } + + .map-area-frame { + padding: 0; + border: none; + } + + .map-area-frame iframe { + height: auto; + } +} + +@media (max-width: 420px) { + + .form-area-shape, + .contact-feature-shape, + .contact-hero-shape { + display: none; + } + + .getin-touch { + background-image: none !important; + background-color: rgba(235, 235, 242, 0.75) !important; + } + + .contact-feature { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .contact-feature-icon { + margin-right: 0; + margin-bottom: 20px; + } + + .form-area form input { + padding: 12px 20px; + } + + .map-area-frame { + padding: 0; + border: none; + } +} + +@media (min-width: 320px) and (max-width: 574px) { + .contactHero__wrapper { + margin-left: 0px; + } + + .contact-location-area { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + + .contact-location { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; + margin: auto !important; + } +} + +.signin-area form label { + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +.signup-area { + position: relative; + background: -webkit-gradient(linear, left top, right top, color-stop(55%, #fff), color-stop(45%, rgba(236, 236, 243, 0.6))); + background: linear-gradient(90deg, #fff 55%, rgba(236, 236, 243, 0.6) 45%); + /* background: linear-gradient(to right, #fff, #F9F9F9); */ + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 100vh; + /* overflow-y: auto; */ +} + +.signup-area-image { + margin-right: -50px; + margin-left: 60px; + width: 100%; +} + +.signup-area .verification input { + font-size: 32px; + line-height: 40px; + color: #202029; + border: 1px solid transparent; +} + +.signup-area .verification input:focus { + border: 1px solid #1089ff !important; +} + +.signup-area .verification input::-webkit-input-placeholder { + color: #8f8fa3; +} + +.signup-area .verification input::-moz-placeholder { + color: #8f8fa3; +} + +.signup-area .verification input:-ms-input-placeholder { + color: #8f8fa3; +} + +.signup-area .verification input::-ms-input-placeholder { + color: #8f8fa3; +} + +.signup-area .verification input::placeholder { + color: #8f8fa3; +} + +.signup-area-textwrapper h2, +.signup-area-textwrapper .h2 { + margin-bottom: 12px !important; +} + +.signup-area-textwrapper p { + color: #666575; +} + +.signup-area-textwrapper p a { + color: #202029; + font-family: 'Poppins', sans-serif; + font-weight: 500; +} + +.signup-area-textwrapper #agree { + border: 2px solid #8f8fa3; +} + +.signup-area-textwrapper .terms label { + font-size: 14px; + line-height: 21px; + color: #8f8fa3; + font-family: 'Poppins', sans-serif; + font-weight: 400; +} + +.signup-area-textwrapper .terms label a { + text-decoration: underline; + color: #1089ff; +} .dot-images img { - z-index: -1; } + z-index: -1; +} .dot-images .first-dotimage { position: absolute; top: 85px; - left: 0; } + left: 0; +} .dot-images .second-dotimage { position: absolute; bottom: 200px; - right: 0; } + right: 0; +} @media (max-width: 1200px) { .verify { @@ -22275,14 +32395,18 @@ @media (max-width: 1200px) { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; overflow-y: auto !important; position: relative; - z-index: 1; } + z-index: 1; + } + .signin-area, .signup-area { - height: auto; } } + height: auto; + } +} @media (max-width: 1199px) { .signup-area-image { @@ -22292,177 +32416,264 @@ @media (max-width: 1199px) { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; margin: auto !important; - margin-bottom: 30px !important; } + margin-bottom: 30px !important; + } + .signup-area-image img { - width: 450px; } } + width: 450px; + } +} @media (min-width: 992px) and (max-width: 1200px) { .signup-area-image { - margin: 0; } + margin: 0; + } + .dot-images { - display: none; } + display: none; + } + .checkbox-primary[type='checkbox'] { width: 22px; - height: 22px; } + height: 22px; + } + .form-element input { - padding: 12px 15px; } + padding: 12px 15px; + } + .signup-with { - height: 45px; } - .signup-with.border-secondary-primary { - margin-top: 10px; } } + height: 45px; + } + + .signup-with.border-secondary-primary { + margin-top: 10px; + } +} @media (max-width: 991px) { .verify { - height: auto !important; } - .verify__image { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } - .verify__image img { - height: 350px; - -o-object-fit: contain; - object-fit: contain; } + height: auto !important; + } + + .verify__image { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + + .verify__image img { + height: 350px; + -o-object-fit: contain; + object-fit: contain; + } + .dot-images { padding: 0px !important; - display: none !important; } + display: none !important; + } + .verify__image { margin: 0px; - margin-bottom: 30px; } + margin-bottom: 30px; + } + .signup-area { - padding-top: 30px !important; } + padding-top: 30px !important; + } + .signinButtons { -webkit-box-pack: center !important; -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; } - .signinButtons a { - margin: 0px; - margin-bottom: 15px; - margin-right: 15px; } } + -ms-flex-pack: center !important; + justify-content: center !important; + } + + .signinButtons a { + margin: 0px; + margin-bottom: 15px; + margin-right: 15px; + } +} @media (min-width: 768px) and (max-width: 991px) { .checkbox-primary[type='checkbox'] { width: 22px; - height: 22px; } + height: 22px; + } + .form-element input { - padding: 12px 15px; } } + padding: 12px 15px; + } +} @media (max-width: 767px) { .signup-with { - width: 125px !important; } } + width: 125px !important; + } +} @media (min-width: 575px) and (max-width: 767px) { .signup-area-image { margin: 0; - margin-top: 30px; } + margin-top: 30px; + } + .dot-images { - display: none; } + display: none; + } + .form-element input { - padding: 10px 15px; } + padding: 10px 15px; + } + .checkbox-primary[type='checkbox'] { width: 20px; - height: 20px; } } + height: 20px; + } +} @media (min-width: 420px) and (max-width: 574px) { .signup-area { - background: #fff; } - .signup-area-image { - margin: 0; - margin-top: 30px; } + background: #fff; + } + + .signup-area-image { + margin: 0; + margin-top: 30px; + } + .dot-images { - display: none; } + display: none; + } + .form-element input { - padding: 10px 15px; } + padding: 10px 15px; + } + .checkbox-primary[type='checkbox'] { width: 20px; - height: 20px; } } + height: 20px; + } +} @media (max-width: 420px) { .signup-area-image { margin: 0; - margin-top: 30px; } + margin-top: 30px; + } + .dot-images { - display: none; } + display: none; + } + .form-element input { - padding: 10px 15px; } + padding: 10px 15px; + } + .checkbox-primary[type='checkbox'] { width: 20px; - height: 20px; } } + height: 20px; + } +} @media (min-width: 320px) and (max-width: 574px) { .verify__image img { - height: auto; } } + height: auto; + } +} .mt-35 { - margin-top: 35px; } + margin-top: 35px; +} .py-80 { - padding: 80px 0px; } + padding: 80px 0px; +} .mb-40 { - margin-bottom: 40px; } + margin-bottom: 40px; +} .mb-100 { - margin-bottom: 100px; } + margin-bottom: 100px; +} .mb-60 { - margin-bottom: 60px; } + margin-bottom: 60px; +} .text-primary { - color: #1089ff !important; } + color: #1089ff !important; +} .text-secondary { - color: #666575 !important; } + color: #666575 !important; +} .text-black-second { - color: #202029 !important; } + color: #202029 !important; +} .text-black-50 { - color: #25252e !important; } + color: #25252e !important; +} .text-lowblack { - color: #908fa5 !important; } + color: #908fa5 !important; +} .dark-text { - color: #42414b !important; } + color: #42414b !important; +} .bg-primary { - background-color: #1089ff !important; } + background-color: #1089ff !important; +} .bg-secondary { - background-color: #ebebf2 !important; } + background-color: #ebebf2 !important; +} .border-default { - border: 2px solid #ebebf2 !important; } + border: 2px solid #ebebf2 !important; +} .border-primary { - border-color: #1089ff !important; } + border-color: #1089ff !important; +} .border-danger { - border-color: rgba(241, 67, 54, 0.2) !important; } + border-color: rgba(241, 67, 54, 0.2) !important; +} .border-secondary-primary { - border-color: rgba(3, 169, 244, 0.2) !important; } + border-color: rgba(3, 169, 244, 0.2) !important; +} .border-lowBlack { - border-color: rgba(144, 143, 165, 0.4) !important; } + border-color: rgba(144, 143, 165, 0.4) !important; +} .rounded-1 { - border-radius: 5px !important; } + border-radius: 5px !important; +} .rounded-2 { - border-radius: 10px !important; } + border-radius: 10px !important; +} .rounded-3 { - border-radius: 15px !important; } + border-radius: 15px !important; +} .badge { height: 16px; @@ -22475,65 +32686,83 @@ .badge { display: flex; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + -ms-flex-pack: center; + justify-content: center; +} .checkout-tab .nav { border-bottom: 1px solid #ebebf2; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 20px; } - .checkout-tab .nav .nav-item { - width: 50%; } - .checkout-tab .nav .nav-item .nav-link.active { - position: relative; - width: 100%; } - .checkout-tab .nav .nav-item .nav-link.active::after { - position: absolute; - content: ''; - bottom: -22px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - width: 100%; - height: 2px; - background-color: #0264ed; } - .checkout-tab .nav .nav-item .nav-link.active h6, .checkout-tab .nav .nav-item .nav-link.active .h6 { - color: #25252e; } - .checkout-tab .nav .nav-item .nav-link.active svg path { - stroke: #25252e; } - .checkout-tab .nav .nav-item .nav-link { - width: 100%; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: none; - background-color: transparent; - margin: auto; } - .checkout-tab .nav .nav-item .nav-link h6, .checkout-tab .nav .nav-item .nav-link .h6 { - font-size: 14px; - line-height: 21px; - color: #908fa5; - font-family: 'Poppins', sans-serif; - font-weight: 500; - margin-top: 10px; } + -ms-flex-align: center; + align-items: center; + padding-bottom: 20px; +} + +.checkout-tab .nav .nav-item { + width: 50%; +} + +.checkout-tab .nav .nav-item .nav-link.active { + position: relative; + width: 100%; +} + +.checkout-tab .nav .nav-item .nav-link.active::after { + position: absolute; + content: ''; + bottom: -22px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 100%; + height: 2px; + background-color: #0264ed; +} + +.checkout-tab .nav .nav-item .nav-link.active h6, +.checkout-tab .nav .nav-item .nav-link.active .h6 { + color: #25252e; +} + +.checkout-tab .nav .nav-item .nav-link.active svg path { + stroke: #25252e; +} + +.checkout-tab .nav .nav-item .nav-link { + width: 100%; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: none; + background-color: transparent; + margin: auto; +} + +.checkout-tab .nav .nav-item .nav-link h6, +.checkout-tab .nav .nav-item .nav-link .h6 { + font-size: 14px; + line-height: 21px; + color: #908fa5; + font-family: 'Poppins', sans-serif; + font-weight: 500; + margin-top: 10px; +} .checkout-tab .tab-pane form label { font-size: 14px; @@ -22541,124 +32770,193 @@ .checkout-tab .tab-pane form label { color: #202029; font-family: 'Poppins', sans-serif; font-weight: 500; - margin-bottom: 10px; } + margin-bottom: 10px; +} .checkout-tab .tab-pane form input { border-color: #908fa5; - padding: 15px 0px 15px 20px; } - .checkout-tab .tab-pane form input:focus { - -webkit-box-shadow: none; - box-shadow: none; - border-color: #1089ff; } + padding: 15px 0px 15px 20px; +} + +.checkout-tab .tab-pane form input:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-color: #1089ff; +} .checkout-tab .tab-pane form input[type='checkbox'] { width: 24px; height: 24px; border-radius: 3px; - border: 3px solid #666575; } + border: 3px solid #666575; +} .checkout-tab .tab-pane form .form-check-label { - color: #666575; } + color: #666575; +} .checkout-tab .tab-pane form .btn { width: 100%; - text-transform: uppercase; } + text-transform: uppercase; +} .section-padding { - padding: 120px 0px; } + padding: 120px 0px; +} .section-padding-bottom-lg { - padding-bottom: 150px; } + padding-bottom: 150px; +} .section-padding-m { - padding: 100px 0px; } + padding: 100px 0px; +} .section-padding-sm { - padding: 60px 0px; } + padding: 60px 0px; +} .section-padding-bottom { - padding-bottom: 100px; } + padding-bottom: 100px; +} .section-pb-sm { - padding-bottom: 80px; } + padding-bottom: 80px; +} .signup-with { height: 50px; - width: 145px; } + width: 145px; +} @media (max-width: 420px) { + .section-padding-m, .section-padding-bottom, .section-padding { - padding: 30px 0px; } + padding: 30px 0px; + } + .section-pb-sm { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .py-80 { - padding: 40px 0px; } + padding: 40px 0px; + } + .mb-40 { - margin-bottom: 20px; } + margin-bottom: 20px; + } + .mb-100 { - margin-bottom: 0; } } + margin-bottom: 0; + } +} @media (min-width: 420px) and (max-width: 574px) { + .section-padding-m, .section-padding-bottom, .section-padding { - padding: 30px 0px; } + padding: 30px 0px; + } + .section-pb-sm { - padding-bottom: 30px; } + padding-bottom: 30px; + } + .py-80 { - padding: 40px 0px; } + padding: 40px 0px; + } + .mb-40 { - margin-bottom: 20px; } + margin-bottom: 20px; + } + .mb-100 { - margin-bottom: 0; } } + margin-bottom: 0; + } +} @media (min-width: 575px) and (max-width: 767px) { + .section-padding-m, .section-padding { - padding: 40px 0px; } + padding: 40px 0px; + } + .section-padding-bottom { - padding: 35px 0px; } + padding: 35px 0px; + } + .section-pb-sm { - padding-bottom: 40px; } + padding-bottom: 40px; + } + .py-80 { - padding: 50px 0px; } + padding: 50px 0px; + } + .mb-40 { - margin-bottom: 25px; } + margin-bottom: 25px; + } + .mb-100 { - margin-bottom: 0; } } + margin-bottom: 0; + } +} @media (max-width: 991px) { .section-padding-bottom-lg { - padding-bottom: 60px; } } + padding-bottom: 60px; + } +} @media (min-width: 768px) and (max-width: 991px) { + .section-padding-m, .section-padding { - padding: 50px 0px; } + padding: 50px 0px; + } + .section-padding-bottom { - padding: 40px 0px; } + padding: 40px 0px; + } + .section-pb-sm { - padding-bottom: 40px; } + padding-bottom: 40px; + } + .py-80 { - padding: 50px 0px; } + padding: 50px 0px; + } + .mb-40 { - margin-bottom: 30px; } + margin-bottom: 30px; + } + .mb-100 { - margin-bottom: 0; } } + margin-bottom: 0; + } +} @media (min-width: 992px) and (max-width: 1200px) { + .section-padding-m, .section-padding { - padding: 80px 0px; } + padding: 80px 0px; + } + .mb-100 { - margin-bottom: 0; } } + margin-bottom: 0; + } +} .backround-button a, .backround-button-outline a, .backround-button-shadow a, .transparent-button a, .text-button a { - margin-bottom: 30px; } - + margin-bottom: 30px; +} \ No newline at end of file diff --git a/public/uploads/users/2051701842581.jpg b/public/uploads/users/2051701842581.jpg new file mode 100644 index 0000000..a45ae41 Binary files /dev/null and b/public/uploads/users/2051701842581.jpg differ diff --git a/public/uploads/users/9231700380051.jpg b/public/uploads/users/9231700380051.jpg deleted file mode 100644 index a12b602..0000000 Binary files a/public/uploads/users/9231700380051.jpg and /dev/null differ diff --git a/resources/views/frontend/layouts/app.blade.php b/resources/views/frontend/layouts/app.blade.php index 33d3f1a..8e3b22f 100644 --- a/resources/views/frontend/layouts/app.blade.php +++ b/resources/views/frontend/layouts/app.blade.php @@ -573,13 +573,25 @@ function toggleDropdown(event) { } - @if(session('success')) -
- {{ session('success') }} -
- @endif + {{-- TOASTER --}} + + + - @stack('scripts') + @stack('scripts') diff --git a/resources/views/students/dashboard.blade.php b/resources/views/students/dashboard.blade.php index ca3b7ce..2cc4f30 100644 --- a/resources/views/students/dashboard.blade.php +++ b/resources/views/students/dashboard.blade.php @@ -38,7 +38,7 @@
- @@ -136,7 +136,7 @@ Name
-

Phillip Bergson

+

{{ encryptor('decrypt', request()->session()->get('userName')) }}

@@ -144,7 +144,7 @@ E-mail
-

phillip.bergson@gmail.com

+

{{ encryptor('decrypt', request()->session()->get('emailAddress')) }}

diff --git a/routes/web.php b/routes/web.php index 096aa9e..2aed1bc 100644 --- a/routes/web.php +++ b/routes/web.php @@ -40,7 +40,7 @@ Route::get('/login', [auth::class, 'signInForm'])->name('login'); Route::post('/login', [auth::class, 'signInCheck'])->name('login.check'); Route::get('/logout', [auth::class, 'signOut'])->name('logOut'); - + Route::middleware(['checkauth'])->prefix('admin')->group(function () { Route::get('/dashboard', [dashboard::class, 'index'])->name('dashboard');