/* * @Description: [] * @Author: Iseven Monkey * @Date: 2023-10-17 06:08:58 * @LastEditors: Iseven Monkey * @LastEditTime: 2023-10-17 06:39:40 */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #ffb30e; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #6eb938; --bs-primary: #6eb938; --bs-primary-rgb: 110, 185, 56; --secondary: #f7be8f; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-base: "Source Sans Pro", "Open Sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /* * @Description: [] * @Author: Iseven Monkey * @Date: 2023-10-17 06:08:58 * @LastEditors: Iseven Monkey * @LastEditTime: 2023-10-17 06:25:03 */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } *, *::before, *::after { -moz-box-sizing: border-box; box-sizing: border-box; } body { background: #fff; color: #8a91ac; font-family: var(--font-family-base); background-color: #fff; font-size: 1rem; } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes loading { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loading { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .loading { background: rgba(255, 255, 255, 0.95); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1099; } .loading-spin { position: absolute; top: -webkit-calc(50% - 20px); top: -moz-calc(50% - 20px); top: calc(50% - 20px); left: -webkit-calc(50% - 20px); left: -moz-calc(50% - 20px); left: calc(50% - 20px); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .loading-spin::after, .loading-spin::before { content: ""; display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; border: 2px solid #6eb938; } .loading-spin::before { border-color: #6eb938; } .loading-spin::before { -webkit-animation: loading 5s linear infinite; -moz-animation: loading 5s linear infinite; -o-animation: loading 5s linear infinite; animation: loading 5s linear infinite; } .loading-spin::after { animation: loading 5s linear infinite reverse; } /* * @Description: [] * @Author: Iseven Monkey * @Date: 2023-10-17 06:08:58 * @LastEditors: Iseven Monkey * @LastEditTime: 2023-10-17 10:01:12 */ h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #031b4e; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-break { word-break: break-word; } .text-truncate { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .text-ellipsis { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .text-line-through { text-decoration: line-through; } .text-underline { text-decoration: underline; } .text-overline { text-decoration: overline; } .text-none { text-decoration: none; } .text-primary { color: #6eb938 !important; } .text-secondary { color: #f7be8f !important; } .text-success { color: #28a745 !important; } .text-info { color: #17a2b8 !important; } .text-warning { color: #ffc107 !important; } .text-gold { color: #ffc999 !important; } .text-danger { color: #dc3545 !important; } .text-light { color: #f8f9fa !important; } .text-dark { color: #343a40 !important; } .text-body { color: #8a91ac !important; } .text-white { color: #fff !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-gray { color: #6c757d !important; } .text-reset { color: inherit !important; } .text-reset-hover { color: inherit !important; } .text-reset-hover:hover { color: inherit !important; } .text-small { font-size: 0.875rem !important; } .text-smaller { font-size: 0.75rem !important; } .text-smallest { font-size: 0.5rem !important; } .text-italic { font-style: italic !important; } .bold { font-weight: bold !important; } .bold-normal { font-weight: normal !important; } .bold-light { font-weight: lighter !important; } .bold-bolder { font-weight: bolder !important; } .bold-100 { font-weight: 100 !important; } .bold-200 { font-weight: 200 !important; } .bold-300 { font-weight: 300 !important; } .bold-400 { font-weight: 400 !important; } .bold-500 { font-weight: 500 !important; } .bold-600 { font-weight: 600 !important; } .bold-700 { font-weight: 700 !important; } .bold-800 { font-weight: 800 !important; } .bold-900 { font-weight: 900 !important; } .bold-inherit { font-weight: inherit !important; } .bold-initial { font-weight: initial !important; } .bold-unset { font-weight: unset !important; } a { color: #8a91ac; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } a:hover { color: #6eb938; text-decoration: none; } img { max-width: 100%; max-height: auto; } .round-img { width: 100%; height: 100%; } .round-img img { width: 100%; height: 100%; border-radius: 50%; } .scrollup { display: none; width: 40px; height: 40px; position: fixed; border: 1px solid #ffc999; color: #ffc999; border-radius: 50%; bottom: 20px; right: 20px; text-align: center; cursor: pointer; z-index: 1000; } .scrollup svg { fill: #ffc999; width: 10px; padding-top: 9px; } .btn-gold { border: 1px solid #ffc999; color: #ffc999; font-weight: 500; font-family: Crimson Text, serif; padding: 10px 20px; text-decoration: none; font-style: italic; } .btn-gold:hover { background-color: #ffc999; border-color: #ffc999; color: #000; } .btn-primary { background-color: #6eb938; border-color: #6eb938; color: #fff; text-transform: capitalize; font-weight: 600; } .btn-primary:hover { background-color: #57922c; border-color: #57922c; } .btn-outline-primary { background-color: transparent; border-color: #6eb938; border-width: 2px; text-transform: uppercase; font-weight: 600; padding-left: 30px; padding-right: 30px; } .btn-outline-primary:hover { background-color: #6eb938; border-color: #6eb938; color: #fff !important; } .btn-round { border-radius: 30px; } @-webkit-keyframes pulsate-btn { 0% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 1; } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 0; } } @-moz-keyframes pulsate-btn { 0% { -moz-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 1; } 100% { -moz-transform: scale(1, 1); transform: scale(1, 1); opacity: 0; } } @-o-keyframes pulsate-btn { 0% { -o-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 1; } 100% { -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 0; } } @keyframes pulsate-btn { 0% { -webkit-transform: scale(0.6, 0.6); -moz-transform: scale(0.6, 0.6); -o-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 1; } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 0; } } .play-btn { display: inline-block; position: relative; overflow: hidden; width: 94px; height: 94px; background: -webkit-radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%); background: -moz-radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%); background: -o-radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%); background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%); border-radius: 50%; } .play-btn::before { content: ""; position: absolute; width: 120px; height: 120px; opacity: 1; border-radius: 50%; border: 5px solid rgba(205, 164, 94, 0.7); top: -14%; left: -14%; background: rgba(198, 16, 0, 0); -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate-btn 2s; -moz-animation: pulsate-btn 2s; -o-animation: pulsate-btn 2s; animation: pulsate-btn 2s; -webkit-animation-direction: forwards; -moz-animation-direction: forwards; -o-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: steps; -moz-animation-timing-function: steps; -o-animation-timing-function: steps; animation-timing-function: steps; } .play-btn::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-40%) translateY(-50%); -moz-transform: translateX(-40%) translateY(-50%); -ms-transform: translateX(-40%) translateY(-50%); -o-transform: translateX(-40%) translateY(-50%); transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } .play-btn:hover::after { border-left: 15px solid #cda45e; -webkit-transform: scale(20); -moz-transform: scale(20); -ms-transform: scale(20); -o-transform: scale(20); transform: scale(20); } .play-btn:hover::before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-40%) translateY(-50%); -moz-transform: translateX(-40%) translateY(-50%); -ms-transform: translateX(-40%) translateY(-50%); -o-transform: translateX(-40%) translateY(-50%); transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border: none; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 200; -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; border-radius: 0; } .contact-form .form-control { background: transparent; border-radius: 0; border: 0; border: 2px solid rgba(110, 185, 56, 0.1); color: #6eb938; } .contact-form .form-control:focus { outline: none; box-shadow: none; border-color: #6eb938; } .contact-form .form-control::-webkit-input-placeholder { color: rgba(110, 185, 56, 0.5); } .contact-form .form-control:-moz-placeholder { color: rgba(110, 185, 56, 0.5); } .contact-form .form-control::-moz-placeholder { color: rgba(110, 185, 56, 0.5); } .contact-form .form-control:-ms-input-placeholder { color: rgba(110, 185, 56, 0.5); } .contact-form .form-control::placeholder { color: rgba(110, 185, 56, 0.5); } .search-form .search-form-item { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background: #f5f5f5; border-radius: 0.375rem; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .search-form .search-form-item:focus-within { box-shadow: 0 0 0 0.25rem rgba(255, 179, 14, 0.25); } .search-form .search-form-item-icon { line-height: 1.5; padding: 0.375rem 0.75rem; padding-right: 0; color: #6eb938; } .search-form .search-form-item .form-control { -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border: 0; background: transparent; } .search-form .search-form-item .form-control:focus { outline: none; box-shadow: none; } .search-form .search-form-item .form-control::-webkit-input-placeholder { color: #6c757d; } .search-form .search-form-item .form-control:-moz-placeholder { color: #6c757d; } .search-form .search-form-item .form-control::-moz-placeholder { color: #6c757d; } .search-form .search-form-item .form-control:-ms-input-placeholder { color: #6c757d; } .search-form .search-form-item .form-control::placeholder { color: #6c757d; } .search-form .btn-primary { width: 100%; } .swiper-show { width: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .swiper-show .swiper-button-prev, .swiper-show .swiper-button-next { position: static; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #ffb30e; color: #fff; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border: 1px solid #fff; } .swiper-show .swiper-button-prev:after, .swiper-show .swiper-button-next:after { font-size: 20px; font-weight: 600; } .swiper-show .swiper-button-prev:hover, .swiper-show .swiper-button-next:hover { box-shadow: 0 0 10px 0 #ffb30e; } .swiper-show-left { padding-right: 20px; } .swiper-show-right { padding-left: 20px; } .swiper-show-inner { width: 100%; } .list-item { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .list-item-thumb { border-radius: 1rem; overflow: hidden; position: relative; } .list-item-thumb img { position: relative; z-index: 1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .list-item-thumb-front { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 1rem; } .list-item-icon { width: 60px; height: 60px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #6eb938; color: #fff; font-weight: 600; border-radius: 10px; } .list-item-content h3 { font-size: 60px; font-weight: 900; margin-bottom: 10px; font-family: var(--font-family-sans-serif); } .list-item-content h5 { margin-top: 0.5rem; text-transform: capitalize; font-weight: 600; font-family: var(--font-family-sans-serif); } .list-item:hover .list-item-thumb img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .list .col-12:nth-child(1) .list-item-icon { background-color: #ff0000; } .list .col-12:nth-child(2) .list-item-icon { background-color: #00ff00; } .list .col-12:nth-child(3) .list-item-icon { background-color: #0000ff; } .list .col-12:nth-child(4) .list-item-icon { background-color: #d4d400; } .list .col-12:nth-child(5) .list-item-icon { background-color: #ffa500; } .list .col-12:nth-child(6) .list-item-icon { background-color: #800080; } .list .col-12:nth-child(7) .list-item-icon { background-color: #ffc0cb; } .list .col-12:nth-child(8) .list-item-icon { background-color: #a52a2a; } .list .col-12:nth-child(9) .list-item-icon { background-color: #808080; } .list-qs-item { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .list-qs-item h2 { position: relative; padding: 20px 0; margin-bottom: 0; font-family: var(--font-family-sans-serif); color: #6eb938; font-size: 20px; font-weight: bold; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .list-qs-item h2::before, .list-qs-item h2::after { content: ""; display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 4px; background: #6eb938; border-radius: 2px; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .list-qs-item h2::before { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .list-qs-item p { margin: 20px; font-weight: 300; font-size: 15px; line-height: 24px; } .list-qs-item-content { border-top: 1px solid #ddd; display: none; } .list-qs-item.active { border-bottom: 0; } .list-qs-item.active h2::before { -webkit-transform: translateY(-50%) rotate(0deg); -moz-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); -o-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .header { background: #6eb938; background: -webkit-linear-gradient(left, #aec842 0%, #6eb938 25%, #6eb938 75%, #aec842 100%); background: -moz-linear-gradient(left, #aec842 0%, #6eb938 25%, #6eb938 75%, #aec842 100%); background: -o-linear-gradient(left, #aec842 0%, #6eb938 25%, #6eb938 75%, #aec842 100%); background: linear-gradient(left, #aec842 0%, #6eb938 25%, #6eb938 75%, #aec842 100%); } .header-wrap { height: 60px; } .header .navbar-brand { position: absolute; left: 0; top: 0; bottom: -40px; padding-bottom: 40px; background-color: #fff; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; padding-right: 20px; overflow: hidden; border-radius: 0 0 200% 200%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .header .navbar-brand img { height: 40px; } .sticky-top { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media (max-width: 991.98px) { .header-wrap { height: 40px; } .header .navbar-brand { bottom: -20px; padding-bottom: 20px; } .header .navbar-brand img { height: 30px; } .header .logo-icon { height: 30px; } } /* * @Description: [] * @Author: Iseven Monkey * @Date: 2023-10-17 06:08:58 * @LastEditors: Iseven Monkey * @LastEditTime: 2023-10-17 20:17:31 */ .section { padding-top: 80px; padding-bottom: 80px; position: relative; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -o-background-size: cover; background-size: cover; } .section + .section { border-top: 2px solid #dee2e6; } .section-overlay::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); } .section-overlay-dark::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); } .section-overlay-light::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.1); } .section-title { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-title h1 { position: relative; } .section-title h1::before, .section-title h1::after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 60px; height: 4px; background-color: #6eb938; border-radius: 2px; } .section-title h1::before { left: -80px; } .section-title h1::after { right: -80px; } .section-bg { position: relative; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -o-background-size: cover; background-size: cover; } .section .container { position: relative; z-index: 2; } @media (max-width: 1024px) { .section { padding-top: 40px; padding-bottom: 40px; } } .footer { margin: 0; background-color: #171717; color: #fff; } .footer a, .footer h3 { color: #fff; } .footer a:hover, .footer h3:hover { color: #6eb938; } .footer h3 { text-transform: uppercase; } .footer svg { fill: #fff; width: 20px; height: 20px; } .footer p { line-height: 2; } .footer .copyright { padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.5); } /* * @Description: [] * @Author: Iseven Monkey * @Date: 2023-10-17 06:08:58 * @LastEditors: Iseven Monkey * @LastEditTime: 2023-10-17 08:54:47 */ .section-banner .display-3 { font-weight: 700; line-height: 1.5; } .carousel-caption { top: 0; left: 0; right: 0; bottom: 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(3, 27, 78, 0.3); z-index: 1; } .carousel-control-prev, .carousel-control-next { width: 15%; } .carousel-control-prev-icon, .carousel-control-next-icon { width: 3.5rem; height: 3.5rem; border-radius: 3.5rem; background-color: var(--bs-primary); border: 15px solid var(--bs-primary); } @media (min-width: 992px) { .section-banner { margin-top: -34px; } } @media (max-width: 767.98px) { .section-banner .carousel-item { position: relative; min-height: 450px; } .section-banner .carousel-item img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-banner .carousel-control-prev-icon, .section-banner .carousel-control-next-icon { display: none; } } .section-about-img { margin: 0 auto; width: 100%; max-width: 320px; max-height: 320px; border-radius: 50%; border: 20px solid #8a91ac; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .section-about-img img { width: 100%; height: 100%; border-radius: 50%; } .section-about-img-light { opacity: 0.5; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .section-about-img-light:hover { opacity: 1; } .about-card-item { -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; border-radius: 20px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background-color: #fff; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .about-card-item:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); } .about-card-item-icon { font-size: 1.75rem; font-weight: 700; margin-bottom: 20px; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; background-color: #6eb938; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .about-card .col { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .about-card .col:nth-child(1) .about-card-item-icon { background-color: #009dd9; } .about-card .col:nth-child(2) .about-card-item-icon { background-color: #0bd0d9; } .about-card .col:nth-child(3) .about-card-item-icon { background-color: #10cf9b; } .about-card .col:nth-child(4) .about-card-item-icon { background-color: #7cca62; } .about-card .col:nth-child(5) .about-card-item-icon { background-color: #a5c249; } .steps-item { position: relative; padding-bottom: 20px; padding-left: 30px; } .steps-item::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 10px; margin: auto; background-color: #6eb938; } .steps-item:first-child::before { border-radius: 5px 5px 0 0; } .steps-item:last-child { padding-bottom: 0; } .steps-item:last-child::before { border-radius: 0 0 5px 5px; } .steps-item-title { position: relative; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.25rem; font-weight: 700; padding: 5px 20px; margin-bottom: 20px; background-color: #6eb938; color: #fff; border-radius: 20px; } .steps-item-title::before { content: ""; position: absolute; left: -20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 10px; background-color: #dee2e6; } .steps-item-title-order { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background-color: #fff; color: #6eb938; } .steps-item-content { position: relative; padding-left: 20px; } .steps-item-content::before { content: ""; position: absolute; left: -20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 4px; background-color: #dee2e6; border-radius: 2px; } .steps-item-content::after { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 10px; background-color: #6eb938; border-radius: 50%; } .steps-item:nth-child(2)::before { background-color: #8ad9b8; } .steps-item:nth-child(2) .steps-item-title { background-color: #8ad9b8; } .steps-item:nth-child(2) .steps-item-title-order { color: #8ad9b8; } .steps-item:nth-child(2) .steps-item-content::after { background-color: #8ad9b8; } .steps-item:nth-child(3)::before { background-color: #89b2c6; } .steps-item:nth-child(3) .steps-item-title { background-color: #89b2c6; } .steps-item:nth-child(3) .steps-item-title-order { color: #89b2c6; } .steps-item:nth-child(3) .steps-item-content::after { background-color: #89b2c6; } .steps-item:nth-child(4)::before { background-color: #75878b; } .steps-item:nth-child(4) .steps-item-title { background-color: #75878b; } .steps-item:nth-child(4) .steps-item-title-order { color: #75878b; } .steps-item:nth-child(4) .steps-item-content::after { background-color: #75878b; } .steps-item:nth-child(5)::before { background-color: #9fc814; } .steps-item:nth-child(5) .steps-item-title { background-color: #9fc814; } .steps-item:nth-child(5) .steps-item-title-order { color: #9fc814; } .steps-item:nth-child(5) .steps-item-content::after { background-color: #9fc814; } .steps-item:nth-child(6)::before { background-color: #b25c43; } .steps-item:nth-child(6) .steps-item-title { background-color: #b25c43; } .steps-item:nth-child(6) .steps-item-title-order { color: #b25c43; } .steps-item:nth-child(6) .steps-item-content::after { background-color: #b25c43; } .steps-item:nth-child(7)::before { background-color: #c3262d; } .steps-item:nth-child(7) .steps-item-title { background-color: #c3262d; } .steps-item:nth-child(7) .steps-item-title-order { color: #c3262d; } .steps-item:nth-child(7) .steps-item-content::after { background-color: #c3262d; } .steps-item:nth-child(8)::before { background-color: #6960af; } .steps-item:nth-child(8) .steps-item-title { background-color: #6960af; } .steps-item:nth-child(8) .steps-item-title-order { color: #6960af; } .steps-item:nth-child(8) .steps-item-content::after { background-color: #6960af; } .steps-item:nth-child(9)::before { background-color: #6960af; } .steps-item:nth-child(9) .steps-item-title { background-color: #6960af; } .steps-item:nth-child(9) .steps-item-title-order { color: #6960af; } .steps-item:nth-child(9) .steps-item-content::after { background-color: #6960af; } .steps-item:nth-child(10)::before { background-color: #f2a183; } .steps-item:nth-child(10) .steps-item-title { background-color: #f2a183; } .steps-item:nth-child(10) .steps-item-title-order { color: #f2a183; } .steps-item:nth-child(10) .steps-item-content::after { background-color: #f2a183; } .steps-item:nth-child(11)::before { background-color: #659f86; } .steps-item:nth-child(11) .steps-item-title { background-color: #659f86; } .steps-item:nth-child(11) .steps-item-title-order { color: #659f86; } .steps-item:nth-child(11) .steps-item-content::after { background-color: #659f86; } @media (max-width: 1024px) { .about-card .col { width: 100%; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .about-card .col + .col { margin-top: 20px; } } .d-card { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 20px; overflow: hidden; padding-top: 10px; padding-bottom: 10px; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .d-card:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); } .info-card { position: relative; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 20px; padding: 10px; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .info-card:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); } .info-card-icon { position: relative; width: 32px; height: 32px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #6eb938; color: #fff; font-weight: 700; border: 4px solid rgba(0, 0, 0, 0.1); } .info-card-icon::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 50%; background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 50%); background: -moz-linear-gradient(315deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 50%); background: -o-linear-gradient(315deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 50%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 50%); } .info-card-header { background-color: #6eb938; padding: 10px; border-radius: 10px; color: #fff; text-align: center; font-weight: 700; } .info-card-content { padding: 10px 40px; } .info-card-content ul { margin: 0; padding: 0; list-style: none; } .info-card-body { padding: 10px; } .info-card-body .text-smaller { opacity: 0.5; } .info-card-body .text-smaller::before { content: ""; margin-right: 5px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #6eb938; } .arrow-guide { position: relative; } .arrow-guide::before { content: ""; position: absolute; top: 50%; right: -10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 20px; width: 30px; background: #6eb938; border-radius: 10px 0 0 10px; } .arrow-guide::after { content: ""; position: absolute; top: 50%; right: -20px; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #6eb938; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .table { margin-bottom: 0; } .table tr td { color: #8a91ac; } .table tr:last-child td { border-bottom: 0; } .track-item-header { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; background: #6eb938; color: #fff; font-weight: 700; position: relative; } .track-item-header:after, .track-item-header:before { content: " "; position: absolute; top: 0; right: -17px; width: 0; height: 0; border-top: 19px solid transparent; border-bottom: 17px solid transparent; border-left: 17px solid #6eb938; z-index: 2; -webkit-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .track-item-header:before { right: auto; left: 0; border-left: 17px solid #fff; z-index: 0; } .track-item-content { padding: 20px; } .track-item:nth-child(1) .track-item-header { background: #009dd9; } .track-item:nth-child(1) .track-item-header:after { border-left-color: #009dd9; } .track-item:nth-child(2) .track-item-header { background: #0bd0d9; } .track-item:nth-child(2) .track-item-header:after { border-left-color: #0bd0d9; } .track-item:nth-child(3) .track-item-header { background: #10cf9b; } .track-item:nth-child(3) .track-item-header:after { border-left-color: #10cf9b; } @media (max-width: 767.98px) { .track-item-header { border-radius: 20px; } .track-item-header:after, .track-item-header:before { display: none; } .about-standard-item + .about-standard-item { margin-top: 20px; } .about-standard .arrow-guide::before { width: 10px; height: 20px; top: unset; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); border-radius: 10px 10px 0 0; right: unset; } .about-standard .arrow-guide::after { top: unset; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%) translateY(0) rotate(135deg); -moz-transform: translateX(-50%) translateY(0) rotate(135deg); -ms-transform: translateX(-50%) translateY(0) rotate(135deg); -o-transform: translateX(-50%) translateY(0) rotate(135deg); transform: translateX(-50%) translateY(0) rotate(135deg); border-top: 20px solid #6eb938; border-bottom: 0; border-left: 20px solid transparent; } } .line-chart { width: 100%; height: 300px; } .pie-chart { width: 100%; height: 300px; } .violet-title { background: #6eb938; color: #fff; padding: 10px 40px; border-radius: 40px; text-align: center; } .norm-card { background: #eaf6e1; padding: 10px; border-radius: 20px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } .norm-card:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .norm-card-header { background: #6eb938; color: #fff; padding: 10px 40px; border-radius: 40px; text-align: center; font-weight: bold; } .norm-card-body { margin-top: 20px; padding-left: 30px; position: relative; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .norm-card-body::before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #6eb938; border-radius: 2px; } .norm-card-body-item { position: relative; } .norm-card-body-item + .norm-card-body-item { margin-top: 10px; } .norm-card-body-item::before { content: ""; position: absolute; top: 50%; left: -30px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 1px; background: #6eb938; } .norm-item:nth-child(1) .norm-card { background-color: #fdf6e3; } .norm-item:nth-child(1) .norm-card .norm-card-header { background-color: #f0c43d; } .norm-item:nth-child(1) .norm-card .norm-card-body:before { background-color: #f0c43d; } .norm-item:nth-child(1) .norm-card .norm-card-body-item::before { background-color: #f0c43d; } .norm-item:nth-child(2) .norm-card { background-color: #eef9da; } .norm-item:nth-child(2) .norm-card .norm-card-header { background-color: #a8df41; } .norm-item:nth-child(2) .norm-card .norm-card-body:before { background-color: #a8df41; } .norm-item:nth-child(2) .norm-card .norm-card-body-item::before { background-color: #a8df41; } .norm-item:nth-child(3) .norm-card { background-color: #fff3f6; } .norm-item:nth-child(3) .norm-card .norm-card-header { background-color: #ff4073; } .norm-item:nth-child(3) .norm-card .norm-card-body:before { background-color: #ff4073; } .norm-item:nth-child(3) .norm-card .norm-card-body-item::before { background-color: #ff4073; } .norm-item:nth-child(4) .norm-card { background-color: #b4e9d9; } .norm-item:nth-child(4) .norm-card .norm-card-header { background-color: #35b58f; } .norm-item:nth-child(4) .norm-card .norm-card-body:before { background-color: #35b58f; } .norm-item:nth-child(4) .norm-card .norm-card-body-item::before { background-color: #35b58f; } .norm-item:nth-child(5) .norm-card { background-color: #b3ecff; } .norm-item:nth-child(5) .norm-card .norm-card-header { background-color: #00bfff; } .norm-item:nth-child(5) .norm-card .norm-card-body:before { background-color: #00bfff; } .norm-item:nth-child(5) .norm-card .norm-card-body-item::before { background-color: #00bfff; } .norm-item:nth-child(6) .norm-card { background-color: #ffc7e5; } .norm-item:nth-child(6) .norm-card .norm-card-header { background-color: #ff1493; } .norm-item:nth-child(6) .norm-card .norm-card-body:before { background-color: #ff1493; } .norm-item:nth-child(6) .norm-card .norm-card-body-item::before { background-color: #ff1493; } .norm-item:nth-child(7) .norm-card { background-color: #85fdff; } .norm-item:nth-child(7) .norm-card .norm-card-header { background-color: #00ced1; } .norm-item:nth-child(7) .norm-card .norm-card-body:before { background-color: #00ced1; } .norm-item:nth-child(7) .norm-card .norm-card-body-item::before { background-color: #00ced1; } .norm-item:nth-child(8) .norm-card { background-color: #ffc7b3; } .norm-item:nth-child(8) .norm-card .norm-card-header { background-color: #ff4500; } .norm-item:nth-child(8) .norm-card .norm-card-body:before { background-color: #ff4500; } .norm-item:nth-child(8) .norm-card .norm-card-body-item::before { background-color: #ff4500; } .norm-item:nth-child(9) .norm-card { background-color: #fffeff; } .norm-item:nth-child(9) .norm-card .norm-card-header { background-color: #da70d6; } .norm-item:nth-child(9) .norm-card .norm-card-body:before { background-color: #da70d6; } .norm-item:nth-child(9) .norm-card .norm-card-body-item::before { background-color: #da70d6; } .norm-item:nth-child(10) .norm-card { background-color: snow; } .norm-item:nth-child(10) .norm-card .norm-card-header { background-color: #ff6347; } .norm-item:nth-child(10) .norm-card .norm-card-body:before { background-color: #ff6347; } .norm-item:nth-child(10) .norm-card .norm-card-body-item::before { background-color: #ff6347; } .norm-item:nth-child(11) .norm-card { background-color: #d1e8ff; } .norm-item:nth-child(11) .norm-card .norm-card-header { background-color: #1e90ff; } .norm-item:nth-child(11) .norm-card .norm-card-body:before { background-color: #1e90ff; } .norm-item:nth-child(11) .norm-card .norm-card-body-item::before { background-color: #1e90ff; } .norm-item:nth-child(12) .norm-card { background-color: white; } .norm-item:nth-child(12) .norm-card .norm-card-header { background-color: #ff69b4; } .norm-item:nth-child(12) .norm-card .norm-card-body:before { background-color: #ff69b4; } .norm-item:nth-child(12) .norm-card .norm-card-body-item::before { background-color: #ff69b4; } .norm-item:nth-child(13) .norm-card { background-color: #aeffe0; } .norm-item:nth-child(13) .norm-card .norm-card-header { background-color: #00fa9a; } .norm-item:nth-child(13) .norm-card .norm-card-body:before { background-color: #00fa9a; } .norm-item:nth-child(13) .norm-card .norm-card-body-item::before { background-color: #00fa9a; } .norm-item:nth-child(14) .norm-card { background-color: #ffb3ff; } .norm-item:nth-child(14) .norm-card .norm-card-header { background-color: #ff00ff; } .norm-item:nth-child(14) .norm-card .norm-card-body:before { background-color: #ff00ff; } .norm-item:nth-child(14) .norm-card .norm-card-body-item::before { background-color: #ff00ff; } .norm-item:nth-child(15) .norm-card { background-color: #b3ffd9; } .norm-item:nth-child(15) .norm-card .norm-card-header { background-color: #00ff7f; } .norm-item:nth-child(15) .norm-card .norm-card-body:before { background-color: #00ff7f; } .norm-item:nth-child(15) .norm-card .norm-card-body-item::before { background-color: #00ff7f; } .norm-item:nth-child(16) .norm-card { background-color: #ffb3b3; } .norm-item:nth-child(16) .norm-card .norm-card-header { background-color: #ff0000; } .norm-item:nth-child(16) .norm-card .norm-card-body:before { background-color: #ff0000; } .norm-item:nth-child(16) .norm-card .norm-card-body-item::before { background-color: #ff0000; } .norm-item:nth-child(17) .norm-card { background-color: #b3ffff; } .norm-item:nth-child(17) .norm-card .norm-card-header { background-color: #00ffff; } .norm-item:nth-child(17) .norm-card .norm-card-body:before { background-color: #00ffff; } .norm-item:nth-child(17) .norm-card .norm-card-body-item::before { background-color: #00ffff; } .norm-item:nth-child(18) .norm-card { background-color: #ffddb3; } .norm-item:nth-child(18) .norm-card .norm-card-header { background-color: #ff8c00; } .norm-item:nth-child(18) .norm-card .norm-card-body:before { background-color: #ff8c00; } .norm-item:nth-child(18) .norm-card .norm-card-body-item::before { background-color: #ff8c00; } .norm-item:nth-child(19) .norm-card { background-color: #b3b3ff; } .norm-item:nth-child(19) .norm-card .norm-card-header { background-color: #0000ff; } .norm-item:nth-child(19) .norm-card .norm-card-body:before { background-color: #0000ff; } .norm-item:nth-child(19) .norm-card .norm-card-body-item::before { background-color: #0000ff; } .norm-item:nth-child(20) .norm-card { background-color: white; } .norm-item:nth-child(20) .norm-card .norm-card-header { background-color: #ffc0cb; } .norm-item:nth-child(20) .norm-card .norm-card-body:before { background-color: #ffc0cb; } .norm-item:nth-child(20) .norm-card .norm-card-body-item::before { background-color: #ffc0cb; } .norm-item:nth-child(21) .norm-card { background-color: #3f3fff; } .norm-item:nth-child(21) .norm-card .norm-card-header { background-color: #00008b; } .norm-item:nth-child(21) .norm-card .norm-card-body:before { background-color: #00008b; } .norm-item:nth-child(21) .norm-card .norm-card-body-item::before { background-color: #00008b; } .norm-item:nth-child(22) .norm-card { background-color: #ffffb3; } .norm-item:nth-child(22) .norm-card .norm-card-header { background-color: #ffff00; } .norm-item:nth-child(22) .norm-card .norm-card-body:before { background-color: #ffff00; } .norm-item:nth-child(22) .norm-card .norm-card-body-item::before { background-color: #ffff00; } .norm-item:nth-child(23) .norm-card { background-color: #595959; } .norm-item:nth-child(23) .norm-card .norm-card-header { background-color: #000000; } .norm-item:nth-child(23) .norm-card .norm-card-body:before { background-color: #000000; } .norm-item:nth-child(23) .norm-card .norm-card-body-item::before { background-color: #000000; } .norm-item:nth-child(24) .norm-card { background-color: white; } .norm-item:nth-child(24) .norm-card .norm-card-header { background-color: #ffffff; } .norm-item:nth-child(24) .norm-card .norm-card-body:before { background-color: #ffffff; } .norm-item:nth-child(24) .norm-card .norm-card-body-item::before { background-color: #ffffff; } .strategy-card { padding: 20px; background: #6eb938; background: -webkit-linear-gradient(315deg, #a4d87f 0%, #6eb938 100%); background: -moz-linear-gradient(315deg, #a4d87f 0%, #6eb938 100%); background: -o-linear-gradient(315deg, #a4d87f 0%, #6eb938 100%); background: linear-gradient(135deg, #a4d87f 0%, #6eb938 100%); color: #fff; border-radius: 20px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; } .strategy-card.warning { background: -webkit-linear-gradient(315deg, #ff8f66 0%, #ff4500 100%); background: -moz-linear-gradient(315deg, #ff8f66 0%, #ff4500 100%); background: -o-linear-gradient(315deg, #ff8f66 0%, #ff4500 100%); background: linear-gradient(135deg, #ff8f66 0%, #ff4500 100%); } .strategy-card.bg-white { background: #fff; color: #8a91ac; } .strategy-card:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .strategy-card-icon { margin: 0 auto; margin-bottom: 20px; width: 100px; height: 100px; border-radius: 50%; background: #fff; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .strategy-card-icon img { width: 60%; } @media (max-width: 767.98px) { .line-chart { height: 200px; } .pie-chart { height: 200px; } }/*# sourceMappingURL=style.css.map */