/* Built by scripts/build-site-css.py from: fonts/remixicon-subset.css, css/swiper-bundle.min.css, css/grid.min.css, css/default.css, css/style.css, css/widgets.css */ /* === fonts/remixicon-subset.css === */ /* * Remix Icon v4.5.0 * https://remixicon.com * https://github.com/Remix-Design/RemixIcon * * Copyright RemixIcon.com * Released under the Apache License Version 2.0 * * Date: 2024-10-28 */ @font-face { font-family: "remixicon"; src: url("../fonts/remixicon.woff2?v=4.5.0") format("woff2"); font-display: block; } @font-face { font-family: "remixicon"; src: url("../fonts/remixicon-subset.woff2?v=229e6cac") format("woff2"); font-display: block; unicode-range: U+ea11,U+ea13,U+ea15,U+ea21,U+ea25,U+ea26,U+ea27,U+ea28,U+ea44,U+ea4c,U+ea4e,U+ea60,U+ea64,U+ea68,U+ea6a,U+ea6c,U+ea6e,U+ea74,U+ea76,U+ea78,U+ea7e,U+ea84,U+ea86,U+ea8a,U+ea92,U+ea9e,U+eadb,U+eaf5,U+eb07,U+eb09,U+eb0f,U+eb21,U+eb23,U+eb25,U+eb27,U+f3f3,U+eb50,U+eb51,U+eb6b,U+eb79,U+eb7b,U+eb7d,U+eb7f,U+eb80,U+eb81,U+eb89,U+eb8d,U+eb96,U+eb97,U+f4c8,U+eb99,U+eba9,U+ebad,U+ebca,U+ebd2,U+ec0a,U+ec12,U+ec16,U+ec26,U+ec2a,U+ec2e,U+ec54,U+ec5a,U+ec5c,U+f38f,U+ec6a,U+ec7a,U+ec80,U+ec82,U+ec86,U+eca1,U+ecaf,U+ecb5,U+ecb7,U+ecbc,U+eccd,U+f439,U+ecd1,U+ecd5,U+ecdf,U+ece2,U+eceb,U+ecef,U+ecf1,U+ecfd,U+ed09,U+ed0f,U+ed11,U+ed15,U+ed1d,U+ed1f,U+ed25,U+ed29,U+ed31,U+ed33,U+ed3f,U+ed6a,U+ed95,U+edbd,U+edbf,U+edcf,U+edd4,U+edd9,U+eddf,U+ede3,U+edf1,U+edf3,U+edfc,U+ee03,U+ee0f,U+ee11,U+ee17,U+ee45,U+ee47,U+ee49,U+ee4b,U+ee4f,U+ee59,U+ee5e,U+ee66,U+ee8d,U+ee90,U+ee94,U+ee95,U+ee97,U+eeab,U+eeb2,U+eeb0,U+eeb4,U+eeb5,U+eeb8,U+eeba,U+eeb9,U+eebe,U+eec6,U+eece,U+eed4,U+eeda,U+eedc,U+eeea,U+eeee,U+eef0,U+eef6,U+eefa,U+eefc,U+ef02,U+ef14,U+f385,U+ef3e,U+ef44,U+ef46,U+ef56,U+ef69,U+ef76,U+ef78,U+ef79,U+ef7d,U+efbf,U+efc5,U+efc8,U+efd6,U+efe0,U+efe6,U+efec,U+eff6,U+effa,U+f00a,U+f019,U+f023,U+f3a1,U+f035,U+f043,U+f045,U+f050,U+f064,U+f080,U+f3d9,U+f092,U+f09b,U+f0b3,U+f0b7,U+f0cd,U+f0d1,U+f0da,U+f3a4,U+f0de,U+f0e0,U+f0e6,U+f0e8,U+f0fd,U+f100,U+f102,U+f107,U+f108,U+f10c,U+f15a,U+f167,U+f169,U+f181,U+f186,U+f18b,U+f18f,U+f19b,U+f19f,U+f1af,U+f1c7,U+f1de,U+f1e0,U+f1ee,U+f1f2,U+f1f4,U+f1fc,U+f201,U+f20f,U+f21b,U+f227,U+f226,U+f237,U+f3e6,U+f24a,U+f24c,U+f24e,U+f250,U+f256,U+f25e,U+f261,U+f264,U+f26c,U+f26e,U+f274,U+f278,U+f28e,U+f294,U+f2bb,U+f2db; } [class^="ri-"], [class*=" ri-"] { font-family: 'remixicon' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; } .ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; } .ri-xxs { font-size: .5em; } .ri-xs { font-size: .75em; } .ri-sm { font-size: .875em } .ri-1x { font-size: 1em; } .ri-2x { font-size: 2em; } .ri-3x { font-size: 3em; } .ri-4x { font-size: 4em; } .ri-5x { font-size: 5em; } .ri-6x { font-size: 6em; } .ri-7x { font-size: 7em; } .ri-8x { font-size: 8em; } .ri-9x { font-size: 9em; } .ri-10x { font-size: 10em; } .ri-fw { text-align: center; width: 1.25em; } .ri-add-circle-line:before { content: "\ea11"; } .ri-add-line:before { content: "\ea13"; } .ri-admin-line:before { content: "\ea15"; } .ri-alert-line:before { content: "\ea21"; } .ri-align-center:before { content: "\ea25"; } .ri-align-justify:before { content: "\ea26"; } .ri-align-left:before { content: "\ea27"; } .ri-align-right:before { content: "\ea28"; } .ri-apps-line:before { content: "\ea44"; } .ri-arrow-down-line:before { content: "\ea4c"; } .ri-arrow-down-s-line:before { content: "\ea4e"; } .ri-arrow-left-line:before { content: "\ea60"; } .ri-arrow-left-s-line:before { content: "\ea64"; } .ri-arrow-right-circle-line:before { content: "\ea68"; } .ri-arrow-right-down-line:before { content: "\ea6a"; } .ri-arrow-right-line:before { content: "\ea6c"; } .ri-arrow-right-s-line:before { content: "\ea6e"; } .ri-arrow-up-down-line:before { content: "\ea74"; } .ri-arrow-up-line:before { content: "\ea76"; } .ri-arrow-up-s-line:before { content: "\ea78"; } .ri-article-line:before { content: "\ea7e"; } .ri-attachment-2:before { content: "\ea84"; } .ri-attachment-line:before { content: "\ea86"; } .ri-award-line:before { content: "\ea8a"; } .ri-bank-card-line:before { content: "\ea92"; } .ri-bar-chart-line:before { content: "\ea9e"; } .ri-book-open-line:before { content: "\eadb"; } .ri-briefcase-line:before { content: "\eaf5"; } .ri-bug-line:before { content: "\eb07"; } .ri-building-2-line:before { content: "\eb09"; } .ri-building-line:before { content: "\eb0f"; } .ri-calendar-2-line:before { content: "\eb21"; } .ri-calendar-check-line:before { content: "\eb23"; } .ri-calendar-event-line:before { content: "\eb25"; } .ri-calendar-line:before { content: "\eb27"; } .ri-calendar-schedule-line:before { content: "\f3f3"; } .ri-chat-3-fill:before { content: "\eb50"; } .ri-chat-3-line:before { content: "\eb51"; } .ri-chat-quote-line:before { content: "\eb6b"; } .ri-check-double-line:before { content: "\eb79"; } .ri-check-line:before { content: "\eb7b"; } .ri-checkbox-blank-circle-line:before { content: "\eb7d"; } .ri-checkbox-blank-line:before { content: "\eb7f"; } .ri-checkbox-circle-fill:before { content: "\eb80"; } .ri-checkbox-circle-line:before { content: "\eb81"; } .ri-checkbox-multiple-line:before { content: "\eb89"; } .ri-chrome-line:before { content: "\eb8d"; } .ri-close-circle-fill:before { content: "\eb96"; } .ri-close-circle-line:before { content: "\eb97"; } .ri-close-large-line:before { content: "\f4c8"; } .ri-close-line:before { content: "\eb99"; } .ri-code-line:before { content: "\eba9"; } .ri-code-s-slash-line:before { content: "\ebad"; } .ri-computer-line:before { content: "\ebca"; } .ri-contacts-line:before { content: "\ebd2"; } .ri-cursor-line:before { content: "\ec0a"; } .ri-dashboard-3-line:before { content: "\ec12"; } .ri-database-2-line:before { content: "\ec16"; } .ri-delete-bin-6-line:before { content: "\ec26"; } .ri-delete-bin-line:before { content: "\ec2a"; } .ri-device-line:before { content: "\ec2e"; } .ri-download-2-line:before { content: "\ec54"; } .ri-download-line:before { content: "\ec5a"; } .ri-draft-line:before { content: "\ec5c"; } .ri-draggable:before { content: "\f38f"; } .ri-drop-line:before { content: "\ec6a"; } .ri-earth-line:before { content: "\ec7a"; } .ri-edit-2-line:before { content: "\ec80"; } .ri-edit-box-line:before { content: "\ec82"; } .ri-edit-line:before { content: "\ec86"; } .ri-error-warning-line:before { content: "\eca1"; } .ri-external-link-line:before { content: "\ecaf"; } .ri-eye-line:before { content: "\ecb5"; } .ri-eye-off-line:before { content: "\ecb7"; } .ri-facebook-fill:before { content: "\ecbc"; } .ri-file-chart-line:before { content: "\eccd"; } .ri-file-check-line:before { content: "\f439"; } .ri-file-code-line:before { content: "\ecd1"; } .ri-file-copy-line:before { content: "\ecd5"; } .ri-file-excel-line:before { content: "\ecdf"; } .ri-file-forbid-line:before { content: "\ece2"; } .ri-file-line:before { content: "\eceb"; } .ri-file-list-3-line:before { content: "\ecef"; } .ri-file-list-line:before { content: "\ecf1"; } .ri-file-pdf-line:before { content: "\ecfd"; } .ri-file-shield-2-line:before { content: "\ed09"; } .ri-file-text-line:before { content: "\ed0f"; } .ri-file-transfer-line:before { content: "\ed11"; } .ri-file-upload-line:before { content: "\ed15"; } .ri-file-word-line:before { content: "\ed1d"; } .ri-file-zip-line:before { content: "\ed1f"; } .ri-filter-3-line:before { content: "\ed25"; } .ri-filter-off-line:before { content: "\ed29"; } .ri-fingerprint-line:before { content: "\ed31"; } .ri-fire-line:before { content: "\ed33"; } .ri-flask-line:before { content: "\ed3f"; } .ri-folder-line:before { content: "\ed6a"; } .ri-forbid-line:before { content: "\ed95"; } .ri-git-branch-line:before { content: "\edbd"; } .ri-git-commit-line:before { content: "\edbf"; } .ri-global-line:before { content: "\edcf"; } .ri-google-fill:before { content: "\edd4"; } .ri-government-line:before { content: "\edd9"; } .ri-grid-line:before { content: "\eddf"; } .ri-group-line:before { content: "\ede3"; } .ri-hand-coin-line:before { content: "\edf1"; } .ri-hand-heart-line:before { content: "\edf3"; } .ri-hashtag:before { content: "\edfc"; } .ri-heading:before { content: "\ee03"; } .ri-heart-line:before { content: "\ee0f"; } .ri-heart-pulse-line:before { content: "\ee11"; } .ri-history-line:before { content: "\ee17"; } .ri-image-2-line:before { content: "\ee45"; } .ri-image-add-line:before { content: "\ee47"; } .ri-image-edit-line:before { content: "\ee49"; } .ri-image-line:before { content: "\ee4b"; } .ri-inbox-line:before { content: "\ee4f"; } .ri-information-line:before { content: "\ee59"; } .ri-input-cursor-move:before { content: "\ee5e"; } .ri-instagram-line:before { content: "\ee66"; } .ri-layout-column-line:before { content: "\ee8d"; } .ri-layout-grid-line:before { content: "\ee90"; } .ri-layout-left-line:before { content: "\ee94"; } .ri-layout-line:before { content: "\ee95"; } .ri-layout-masonry-line:before { content: "\ee97"; } .ri-line-chart-line:before { content: "\eeab"; } .ri-link:before { content: "\eeb2"; } .ri-link-unlink-m:before { content: "\eeb0"; } .ri-linkedin-box-line:before { content: "\eeb4"; } .ri-linkedin-fill:before { content: "\eeb5"; } .ri-links-line:before { content: "\eeb8"; } .ri-list-check:before { content: "\eeba"; } .ri-list-check-2:before { content: "\eeb9"; } .ri-list-unordered:before { content: "\eebe"; } .ri-loader-4-line:before { content: "\eec6"; } .ri-lock-line:before { content: "\eece"; } .ri-login-box-line:before { content: "\eed4"; } .ri-logout-box-r-line:before { content: "\eeda"; } .ri-logout-circle-line:before { content: "\eedc"; } .ri-magic-line:before { content: "\eeea"; } .ri-mail-check-line:before { content: "\eeee"; } .ri-mail-close-line:before { content: "\eef0"; } .ri-mail-line:before { content: "\eef6"; } .ri-mail-open-line:before { content: "\eefa"; } .ri-mail-send-line:before { content: "\eefc"; } .ri-mail-unread-line:before { content: "\ef02"; } .ri-map-pin-line:before { content: "\ef14"; } .ri-megaphone-line:before { content: "\f385"; } .ri-menu-line:before { content: "\ef3e"; } .ri-message-2-line:before { content: "\ef44"; } .ri-message-3-line:before { content: "\ef46"; } .ri-microscope-line:before { content: "\ef56"; } .ri-money-euro-circle-line:before { content: "\ef69"; } .ri-more-2-fill:before { content: "\ef76"; } .ri-more-fill:before { content: "\ef78"; } .ri-more-line:before { content: "\ef79"; } .ri-mouse-line:before { content: "\ef7d"; } .ri-pages-line:before { content: "\efbf"; } .ri-palette-line:before { content: "\efc5"; } .ri-paragraph:before { content: "\efc8"; } .ri-pause-circle-line:before { content: "\efd6"; } .ri-pencil-line:before { content: "\efe0"; } .ri-percent-line:before { content: "\efe6"; } .ri-phone-line:before { content: "\efec"; } .ri-pie-chart-2-line:before { content: "\eff6"; } .ri-pie-chart-line:before { content: "\effa"; } .ri-play-fill:before { content: "\f00a"; } .ri-plug-line:before { content: "\f019"; } .ri-price-tag-3-line:before { content: "\f023"; } .ri-prohibited-line:before { content: "\f3a1"; } .ri-pulse-line:before { content: "\f035"; } .ri-question-answer-line:before { content: "\f043"; } .ri-question-line:before { content: "\f045"; } .ri-radio-button-line:before { content: "\f050"; } .ri-refresh-line:before { content: "\f064"; } .ri-restart-line:before { content: "\f080"; } .ri-robot-2-line:before { content: "\f3d9"; } .ri-robot-line:before { content: "\f092"; } .ri-route-line:before { content: "\f09b"; } .ri-save-line:before { content: "\f0b3"; } .ri-scales-3-line:before { content: "\f0b7"; } .ri-search-2-line:before { content: "\f0cd"; } .ri-search-line:before { content: "\f0d1"; } .ri-send-plane-line:before { content: "\f0da"; } .ri-seo-line:before { content: "\f3a4"; } .ri-separator:before { content: "\f0de"; } .ri-server-line:before { content: "\f0e0"; } .ri-settings-3-line:before { content: "\f0e6"; } .ri-settings-4-line:before { content: "\f0e8"; } .ri-share-forward-line:before { content: "\f0fd"; } .ri-shield-check-line:before { content: "\f100"; } .ri-shield-cross-line:before { content: "\f102"; } .ri-shield-keyhole-line:before { content: "\f107"; } .ri-shield-line:before { content: "\f108"; } .ri-shield-user-line:before { content: "\f10c"; } .ri-smartphone-line:before { content: "\f15a"; } .ri-space:before { content: "\f167"; } .ri-spam-2-line:before { content: "\f169"; } .ri-stack-line:before { content: "\f181"; } .ri-star-fill:before { content: "\f186"; } .ri-star-line:before { content: "\f18b"; } .ri-star-smile-line:before { content: "\f18f"; } .ri-sticky-note-line:before { content: "\f19b"; } .ri-stop-circle-line:before { content: "\f19f"; } .ri-subtract-line:before { content: "\f1af"; } .ri-survey-line:before { content: "\f1c7"; } .ri-table-line:before { content: "\f1de"; } .ri-tablet-line:before { content: "\f1e0"; } .ri-team-line:before { content: "\f1ee"; } .ri-temp-cold-line:before { content: "\f1f2"; } .ri-temp-hot-line:before { content: "\f1f4"; } .ri-test-tube-line:before { content: "\f1fc"; } .ri-text:before { content: "\f201"; } .ri-time-line:before { content: "\f20f"; } .ri-tools-line:before { content: "\f21b"; } .ri-translate:before { content: "\f227"; } .ri-translate-2:before { content: "\f226"; } .ri-tv-line:before { content: "\f237"; } .ri-twitter-x-fill:before { content: "\f3e6"; } .ri-upload-2-line:before { content: "\f24a"; } .ri-upload-cloud-2-line:before { content: "\f24c"; } .ri-upload-cloud-line:before { content: "\f24e"; } .ri-upload-line:before { content: "\f250"; } .ri-user-3-line:before { content: "\f256"; } .ri-user-add-line:before { content: "\f25e"; } .ri-user-follow-line:before { content: "\f261"; } .ri-user-line:before { content: "\f264"; } .ri-user-search-line:before { content: "\f26c"; } .ri-user-settings-line:before { content: "\f26e"; } .ri-user-smile-line:before { content: "\f274"; } .ri-user-unfollow-line:before { content: "\f278"; } .ri-vip-crown-line:before { content: "\f28e"; } .ri-virus-line:before { content: "\f294"; } .ri-whatsapp-fill:before { content: "\f2bb"; } .ri-zoom-in-line:before { content: "\f2db"; } /* === css/swiper-bundle.min.css === */ /** * Swiper 11.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 9, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* === css/grid.min.css === */ /*! * Bootstrap Grid v5.3.8 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;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>*{box-sizing:border-box;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{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}} /*# sourceMappingURL=bootstrap-grid.min.css.map */ /* === css/default.css === */ .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } hr { margin: 1rem 0; color: inherit; border: 0; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .btn { display: inline-block; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: all 0.3s ease; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } @media (min-width: 576px) { .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-sm-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-sm-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-sm-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-sm-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-md-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-md-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-md-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-md-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-lg-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-lg-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-lg-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-lg-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xxl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xxl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xxl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xxl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xxl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } /* === css/style.css === */ :root { --text-xxs: 0.625rem; /* 10px */ --text-xs: 0.75rem; /* 12px */ --text-sm: 0.8125rem; /* 13px */ --text-base: 0.875rem; /* 14px */ --text-md: 0.9375rem; /* 15px */ --text-lg: 1rem; /* 16px */ --text-xl: 1.125rem; /* 18px */ --text-2xl: 1.25rem; /* 20px */ --text-3xl: 1.5rem; /* 24px */ --text-4xl: 1.75rem; /* 28px */ --text-5xl: 2rem; /* 32px */ --text-6xl: 2.5rem; /* 40px */ --text-7xl: 3rem; /* 48px */ --text-8xl: 3.5rem; /* 56px */ --text-9xl: 3.75rem; /* 60px */ --color-primary: #386bb7; --color-primary-dark: #2d5a9e; --color-text: #111111; --color-text-light: #6b7280; --color-text-muted: #9ca3af; --color-border: #e5e7eb; --color-bg: #ffffff; --color-bg-light: #f9fafb; --color-bg-lighter: #f3f4f6; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 1.75; } * { margin: 0; padding: 0; box-sizing: border-box; } html { font-size: 100%; scroll-behavior: smooth; } body { color: var(--color-text); font-size: var(--text-lg); font-family: "Manrope", sans-serif; font-weight: 400; line-height: var(--leading-loose); text-rendering: optimizeLegibility; overflow-x: hidden; zoom: 0.9; } @media (max-width: 1600px) { body { zoom: 0.8; } } section, .section { position: relative; } a { text-decoration: none; transition: all 0.3s ease 0s; } a, button, .btn { outline: none; box-shadow: none; border: none; background: unset; } a:hover, a:focus, button:hover, button:focus, .btn:hover, .btn:focus { outline: none; box-shadow: none; } img { height: auto; max-width: 100%; -o-object-fit: cover; object-fit: cover; } ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } input, select, .form-select, textarea { outline: none; border: none; box-shadow: none; } input:focus, input:focus-visible, input:active, select:focus, select:focus-visible, select:active, .form-select:focus, .form-select:focus-visible, .form-select:active, textarea:focus, textarea:focus-visible, textarea:active { outline: none; border: none; box-shadow: none; } *+address, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-family: "Sora", sans-serif; color: var(--color-text); font-weight: 400; } p { font-size: var(--text-lg); line-height: 30px; font-weight: normal; font-family: "Manrope", sans-serif; } p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } .fs-1 { font-size: 4rem !important; line-height: 1.2 !important; letter-spacing: -0.03em; } @media (max-width: 1399px) { .fs-1 { font-size: 3.5rem !important; } } @media (max-width: 991px) { .fs-1 { font-size: 3rem !important; } } @media (max-width: 767px) { .fs-1 { font-size: 2.5rem !important; } } .fs-2 { font-size: var(--text-9xl) !important; line-height: 1.2 !important; letter-spacing: -0.05em; } @media (max-width: 1399px) { .fs-2 { font-size: var(--text-7xl) !important; } } @media (max-width: 1199px) { .fs-2 { font-size: var(--text-6xl) !important; } } @media (max-width: 767px) { .fs-2 { font-size: var(--text-5xl) !important; } } .fs-4 { font-size: 25px !important; line-height: 1.4 !important; letter-spacing: -0.03em; } @media (max-width: 1399px) { .fs-4 { font-size: 22px !important; } } @media (max-width: 991px) { .fs-4 { font-size: 20px !important; } } @media (max-width: 767px) { .fs-4 { font-size: 20px !important; } } .fs-sm { font-size: var(--text-base); line-height: 2.142; } .fs-title-20 { font-size: var(--text-2xl); } @media (max-width: 767px) { .fs-title-20 { font-size: var(--text-xl); } } .ff-sora { font-family: "Sora", sans-serif; } .outline-text { color: transparent; font-size: 100px; line-height: 1em; font-weight: 700; white-space: nowrap; letter-spacing: -0.05em; -webkit-text-stroke-width: 1px; stroke-width: 1px; } @media (max-width: 767px) { .outline-text { font-size: 80px; } } .outline-text--white { -webkit-text-stroke-color: #fff; stroke: #fff; } .outline-text--gradient { color: #fff; background-color: transparent; -webkit-text-stroke-color: transparent; stroke: transparent; background-image: linear-gradient(262deg, #8ab0db 0%, #386bb7 100%); -webkit-background-clip: text; background-clip: text; } .vertical-text { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); } .container { width: 100%; margin: auto; padding: 0 16px; } .text-white { color: #fff !important; } .text-black { color: #000 !important; } .text-primary { color: #053c5a !important; } .text-grey { color: #9b9b9b !important; } .text-gd { background: linear-gradient(90deg, #386bb7 30%, #8ab0db 40%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .bg-white { background-color: #fff !important; } .bg-black { background-color: #000 !important; } .bg-dark { background-color: var(--color-text); } .bg-lighter { background-color: #f0f2f4; } .social a:hover svg path { fill: #386bb7; } .social a svg { transition: 0.3s ease; } .overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 11111; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .overlay.active { opacity: 1; visibility: visible; } .list { display: flex; flex-direction: column; gap: 2px; } .list li { position: relative; padding-left: 20px; font-weight: 500; } .list li::after { position: absolute; left: 0; top: 10px; content: ""; } .list__icon li::after { width: 11px; height: 8px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("../images/icons/arrow-right-icons.svg"); } hr { opacity: 1; border-top: 1px solid #333333 !important; } .page__container { padding: 80px 18%; } @media (max-width: 1600px) { .page__container { padding: 70px 12%; } } @media (max-width: 1400px) { .page__container { padding: 60px 8%; } } @media (max-width: 1200px) { .page__container { padding: 60px 6%; } } .header--section { padding: 26px 45px; } @media (max-width: 1399px) { .header--section { padding: 14px 15px; } } .header--abs { position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 15; } .header__topbar { margin-bottom: 8px; } .header__topbar-wrapper { background-color: #333333; border-radius: 50px; padding: 5px 35px 8px; } .header__topbar-contact { gap: 45px; } .header__topbar-contact a { font-size: var(--text-base); color: #fff; } .header__topbar-contact a span { transition: all 0.3s ease-in-out; } .header__topbar-contact a:hover span { color: #8ab0db; } .header__topbar-social { gap: 21px; } .header__topbar-social a { color: #fff; } .header__topbar-social a:hover { color: #8ab0db; } .header__main { padding: 12px 16px; border-radius: 25px; background-color: #fff; } .header__left { gap: 45px; } @media (max-width: 1599px) { .header__left { gap: 20px; } } .header__right { gap: 45px; } @media (max-width: 1599px) { .header__right { gap: 20px; } } .header__menu ul { display: flex; align-items: center; gap: 1.5rem; } @media (max-width: 1599px) { .header__menu ul { gap: 20px; } } @media (max-width: 1399px) { .header__menu ul { gap: 8px; } } @media (max-width: 1299px) { .header__menu ul { gap: 6px; } } .header__menu ul li a { padding: 6px 12px; font-size: var(--text-base); line-height: 27px; color: #333333; font-weight: 700; text-transform: uppercase; display: inline-flex; align-items: center; gap: 14px; border-radius: 30px; transition: all 0.3s ease; overflow: hidden; position: relative; } @media (max-width: 1299px) { .header__menu ul li a { padding: 6px 10px; font-size: var(--text-sm); gap: 10px; } } .header__menu ul li a span.text { display: flex; flex-direction: column; overflow: hidden; gap: 0px; height: 27px; position: relative; } .header__menu ul li a span.text span:first-child { position: absolute; transform: translateY(24px); transition: all 0.3s ease; opacity: 0; } .header__menu ul li a span.text span:last-child { transition: all 0.3s ease; } .header__menu ul li a:hover span.text span:first-child { transform: translateY(0px); opacity: 1; } .header__menu ul li a:hover span.text span:last-child { transform: translateY(-24px); opacity: 0; } .header__menu ul li a.active { color: #fff; background-color: #333333; } .header__menu ul li a.active svg path { fill: #fff; } .header__menu ul li .nav-link-disabled { padding: 6px 12px; font-size: var(--text-base); line-height: 27px; color: #333333; font-weight: 700; text-transform: uppercase; display: inline-flex; align-items: center; gap: 14px; opacity: 0.5; cursor: not-allowed; } @media (max-width: 1299px) { .header__menu ul li .nav-link-disabled { padding: 6px 10px; font-size: var(--text-sm); gap: 10px; } } .header__menu ul li.has-dropdown { position: relative; } .header__menu ul li.has-dropdown .submenu { position: absolute; top: calc(100% + 12px); left: 0; transform: translateY(-8px); min-width: 200px; background: #2d2d2d; border-radius: 16px; padding: 12px 8px; opacity: 0; visibility: hidden; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08); z-index: 999; display: flex; flex-direction: column; gap: 4px; } .header__menu ul li.has-dropdown:hover .submenu { opacity: 1; visibility: visible; transform: translateY(0); } .header__menu ul li.has-dropdown .submenu li { display: block; width: 100%; list-style: none; } .header__menu ul li.has-dropdown .submenu li a { position: relative; display: block; padding: 12px 18px; font-size: var(--text-base); font-weight: 600; line-height: 1.4; color: #f5f5f5; text-transform: capitalize; white-space: nowrap; border-radius: 10px; transition: padding-left 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .header__menu ul li.has-dropdown .submenu li a::before { content: ''; position: absolute; left: 18px; top: 45%; width: 0; height: 7px; opacity: 0; background-image: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 6 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.48512 0.616324C4.11825 -0.00277913 5.18427 0.445789 5.18427 1.33131L5.18427 3.96752C5.18427 4.51981 4.73655 4.96752 4.18427 4.96752L1.48834 4.96752C0.592022 4.96753 0.148343 3.8792 0.789189 3.25254L3.48512 0.616324Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .header__menu ul li.has-dropdown .submenu li a span.text span { position: static !important; transform: none !important; opacity: 1 !important; display: inline; } .header__menu ul li.has-dropdown .submenu li a:hover { padding-left: 32px; } .header__menu ul li.has-dropdown .submenu li a:hover::before { width: 7px; opacity: 1; } .header__menu ul li.has-dropdown>a .icon { transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; align-items: center; } .offcanvas__menu ul li.has-dropdown .submenu { position: static; opacity: 1; visibility: visible; transform: none; background: #f8f9fa; box-shadow: none; padding: 10px 0 10px 20px; margin: 8px 0 8px 10px; border-left: 3px solid #dadada; display: none; border-radius: 0 10px 10px 0; } .offcanvas__menu ul li.has-dropdown.active .submenu { display: flex; } .offcanvas__menu ul li.has-dropdown .submenu li a { color: #555; font-size: var(--text-base); font-weight: 600; padding: 10px 14px; border-radius: 8px; text-transform: none; } .offcanvas__menu ul li.has-dropdown .submenu li a:hover { color: #333; background-color: rgba(0, 0, 0, 0.06); transform: translateX(3px); } .offcanvas__menu ul li.has-dropdown>a { display: flex; justify-content: space-between; align-items: center; } .offcanvas__menu ul li.has-dropdown.active>a { color: #333; font-weight: 700; } .offcanvas__menu ul li.has-dropdown>a .icon { transition: transform 0.3s ease; margin-left: auto; } .offcanvas__menu ul li.has-dropdown.active>a .icon { transform: rotate(180deg); } .header__logo { position: relative; max-width: 103px; display: block; } .header__left img { vertical-align: middle; } @media (max-width: 1199px) { .header__logo { max-width: 80px; position: relative; } } .header__menuBar { display: flex; flex-direction: column; gap: 5px; align-items: flex-end; } .header__menuBar:hover span:last-child { width: 100%; } .header__menuBar span { width: 26px; height: 2px; background-color: var(--color-text); display: block; transition: all 0.3s ease; } .header__menuBar span:last-child { width: 16px; } .header__sticky .header--section { transform: translateY(-100%); transition: all 0.3s ease; position: fixed; left: 0; top: 0; width: 100%; height: auto; z-index: 111; } @media (max-width: 767px) { .header__sticky .header--section { padding: 0px 0px; border-radius: 0px; } } .header__sticky .header__main { border-top-left-radius: 0px; border-top-right-radius: 0px; } @media (max-width: 767px) { .header__sticky .header__main { border-radius: 0px; } } .header__sticky.is-sticky .header--section { transform: translateY(0); transition: all 0.3s ease; } .header__sticky.is-sticky .header__main { box-shadow: 0 5px 23px 4px rgba(0, 0, 0, 0.1); } .menu .offcanvas { background-color: rgba(5, 60, 90, 0.8); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } .menu-offcanvas-btn { width: 36px; height: 36px; } .menu-offcanvas-btn svg { width: 100%; height: 100%; } .offcanvas { padding: 0px 20px; position: fixed; bottom: 0; z-index: 1111; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: all 0.3s ease; height: 100%; min-width: 310px; } .offcanvas-end { left: auto; right: 0; transform: translateX(100%); } .offcanvas.show { visibility: visible; transform: translateX(0%); } .offcanvas__menu ul { gap: 0; } .offcanvas__menu ul li a { display: flex; width: 100%; justify-content: space-between; padding: 6px 0px; } .offcanvas__menu ul li a.active { background-color: transparent; color: var(--color-primary); } .offcanvas__menu ul li a.active span svg path { fill: #386bb7; } .offcanvas__menu ul li .nav-link-disabled { display: flex; width: 100%; padding: 6px 0px; color: #333333; opacity: 0.5; cursor: not-allowed; } .offcanvas__menu ul li a:hover { background-color: transparent; color: var(--color-primary); } .offcanvas__menu ul li a:hover span svg path { fill: #386bb7; } .footer--section { padding: 0px 45px 43px; background-color: #fff; } @media (max-width: 1399px) { .footer--section { padding: 0px 20px 20px; } } .footer__wrapper { background-color: var(--color-text); border-radius: 25px; } @media (max-width: 1599px) { .footer__wrapper { padding: 0px 30px; } } @media (max-width: 767px) { .footer__wrapper { padding: 0px 5px; } } .footer__wrapper .container { max-width: 1334px; width: 100%; } .footer__cta { padding: 114px 0px 85px; border-bottom: 1px solid #cbcbcb; } @media (max-width: 1199px) { .footer__cta { padding: 50px 0px 50px; } } @media (max-width: 991px) { .footer__cta-content { margin-bottom: 30px; } } .footer__cta-content h2 { margin-bottom: 24px; } @media (max-width: 767px) { .footer__cta-content h2 { font-size: var(--text-4xl) !important; margin-bottom: 10px; } } .footer__cta-content p { color: #f5f5f5; } .footer__cta-form { max-width: 593px; background-color: #fff; border-radius: 20px; margin: 0 0 0 auto; padding: 80px 80px; } @media (max-width: 1199px) { .footer__cta-form { padding: 66px 24px; } } @media (max-width: 991px) { .footer__cta-form { padding: 66px 24px; max-width: 100%; } } @media (max-width: 767px) { .footer__cta-form { padding: 40px 24px; max-width: 100%; } } .footer__cta-form .form__inputBox { position: relative; } .footer__cta-form .form__inputBox button { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); padding: 11px 28px 12px 24px; } @media (max-width: 575px) { .footer__cta-form .form__inputBox button { position: static; transform: unset; margin-top: 24px; width: 100%; } } .footer__cta-form__title { margin-bottom: 20px; } .footer__cta-form__title h4 { font-size: var(--text-5xl); line-height: 40px; letter-spacing: -0.03em; } @media (max-width: 991px) { .footer__cta-form__title h4 { font-size: var(--text-3xl); } } .footer__newsletter-legal { margin-top: 12px; font-size: var(--text-xs); color: #888; line-height: 1.5; text-align: left; } .footer__newsletter-legal a { color: #666; text-decoration: underline; transition: color 0.3s ease; } .footer__newsletter-legal a:hover { color: #1f1f1f; } .footer__cta-contact h3 { font-size: var(--text-xl); color: #f5f5f5; line-height: 40px; font-weight: 700; font-family: "Manrope", sans-serif; margin-bottom: 14px; } .footer__cta-contact p { font-size: var(--text-lg); line-height: 28px; color: #f5f5f5; } .footer__cta-contact p a { font-size: var(--text-lg); line-height: 28px; color: #f5f5f5; } .footer__cta-contact p a:hover { color: var(--color-primary); } .footer__cta-contact .social { gap: 40px; display: flex; align-items: center; } .footer__cta-contact .social svg { transition: all 0.3s ease; } .footer__widget .title { color: #fff; font-size: var(--text-xl); line-height: 40px; font-family: "Manrope", sans-serif; font-weight: 700; } .footer__main { padding: 124px 0px 94px; } @media (max-width: 991px) { .footer__main { padding: 50px 0px 50px; } } .footer__logo { display: block; margin-bottom: 55px; max-width: 103px; } .footer__logo img { filter: brightness(0) invert(1); max-width: 100%; height: auto; } @media (max-width: 767px) { .footer__logo { margin-bottom: 15px; } } .footer__social { gap: 40px; } @media (max-width: 1199px) { .footer__social { gap: 30px; } } .footer__contact a { display: inline-block; font-size: var(--text-lg); line-height: 28px; color: #f5f5f5; position: relative; } .footer__contact a::after { position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; content: ""; background-color: #f5f5f5; transition: all 0.3s ease; } .footer__contact a:hover::after { width: 0px; background-color: var(--color-primary); } .footer__contact a.phone { font-size: var(--text-3xl); font-weight: 600; color: #fff; margin-bottom: 14px; display: block; } @media (max-width: 1199px) { .footer__contact a.phone { font-size: var(--text-2xl); } } .footer__contact a.phone::after { display: none; } .footer__contact a.phone:hover { color: var(--color-primary); } .footer__menu { display: flex; flex-direction: column; } .footer__menu li a { display: inline-block; color: #fff; position: relative; transition: all 0.3s ease; line-height: 30px; font-size: var(--text-lg); } .footer__menu li a::before, .footer__menu li a::after { width: 0px; height: 100%; content: ""; transition: all 0.3s ease; opacity: 0; visibility: hidden; display: inline-flex; align-items: center; justify-content: center; } .footer__menu li a:hover { color: #959595; } .footer__menu li a:hover::before, .footer__menu li a:hover::after { width: 10px; opacity: 1; visibility: visible; content: "/"; transition: all 0.3s ease; } .footer__menu li .nav-link-disabled { display: inline-block; color: #fff; line-height: 30px; font-size: var(--text-lg); opacity: 0.5; cursor: not-allowed; } @media (max-width: 767px) { .footer__bottom { flex-wrap: wrap; } } .footer__bottom-wrapper { position: relative; background-color: #fff; padding: 28px 55px 4px; border-top-left-radius: 25px; border-top-right-radius: 25px; bottom: -1px; } @media (max-width: 991px) { .footer__bottom-wrapper { padding: 14px 20px 4px; } .footer__bottom-wrapper { bottom: -1px; /* width: 25rem; */ } } .footer__bottom-wrapper::before, .footer__bottom-wrapper::after { content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; } .footer__bottom-wrapper::before { right: 100%; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #ffffff; } .footer__bottom-wrapper::after { left: 100%; border-bottom-left-radius: 20px; box-shadow: 0 20px 0 0 #ffffff; } .footer__bottom-wrapper p { font-size: var(--text-base); line-height: 24px; color: #6b6b6b; } .footer__bottom-wrapper p a { text-decoration: underline; color: #6b6b6b; } .footer__bottom-wrapper p a:hover { color: var(--color-primary); text-decoration: none; } .footer__content span.icon { display: block; margin-bottom: 40px; } @media (max-width: 1599px) { .footer__content span.icon { margin-bottom: 30px; } } .preloader { position: fixed; inset: 0; background: #fff; display: flex; justify-content: center; align-items: center; z-index: 9999; transition: opacity 0.5s; } .preloader--hidden { opacity: 0; pointer-events: none; } html.anim-pending .heading-anim { visibility: hidden; } .preloader__logo { max-width: 160px; animation: preloader-pulse 1s ease-in-out infinite alternate; } @keyframes preloader-pulse { to { transform: scale(1.15); } } @media (max-width: 767px) { .preloader__logo { max-width: 100px; } } .btn { padding: 15px 35px 16px; font-size: var(--text-base); line-height: 27px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 50px; transition: all 0.3s ease; } @media (max-width: 1199px) { .btn { padding: 9px 24px 11px; } } .btn span { display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .btn span.text { position: relative; } .btn span svg { max-width: 7px; } .btn span.iconLeft { width: 12px; } .btn span.iconLeft svg { transition: all 0.3s ease; opacity: 1; transform: translateX(0px); } .btn span.iconLeft img { transition: all 0.3s ease; opacity: 1; transform: translateX(0px); } .btn span.iconRight { width: 0px; } .btn span.iconRight svg { transition: all 0.3s ease; opacity: 0; transform: translateX(10px); } .btn span.iconRight img { transition: all 0.3s ease; opacity: 0; transform: translateX(10px); } .btn:hover { box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); } .btn:hover span.iconLeft { width: 0; } .btn:hover span.iconLeft svg { transform: translateX(0); opacity: 0; } .btn:hover span.iconRight { width: 12px; } .btn:hover span.iconRight svg { transform: translateX(0px); opacity: 1; } .btn:hover span.iconRight img { transform: translateX(0px); opacity: 1; } .btn--dark { background-color: #333333; color: #fff; border-color: #333333; } .btn--dark svg path { fill: #fff; } .btn--dark:hover { background-color: var(--color-primary); color: #fff; } .btn--tranparent { background-color: transparent; border-color: transparent; } .btn-gradient { border: 1px solid #dadada; color: var(--color-text); position: relative; } .btn-gradient span { position: relative; z-index: 2; } .btn-gradient::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(90deg, rgb(56, 107, 183) 0%, rgb(191, 195, 199) 100%); z-index: 1; border-radius: 100px; transition: all 0.3s ease; opacity: 0; } .btn-gradient:hover { color: #fff; border-color: transparent; box-shadow: none; } .btn-gradient:hover::after { opacity: 1; } .btn--secondary { position: relative; color: #333333; } .btn--secondary::after { content: ""; position: absolute; z-index: -1; top: -2px; left: -2px; right: -2px; bottom: -2px; padding: 1px; border-radius: inherit; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; box-sizing: border-box; background: linear-gradient(90deg, #386bb7, #8ab0db); } .btn--secondary:hover { background-color: var(--color-primary); color: #fff; } .btn--rounded { width: 50px; height: 50px; border-radius: 50%; padding: 16px; background-color: var(--color-text); color: #fff; position: relative; overflow: hidden; } .btn--rounded .icon-translate { width: 1em; height: 1em; display: inline-flex; justify-content: center; align-items: center; transition: opacity 0.4s, transform 0.4s; } .btn--rounded .icon-translate svg { width: 13px; height: 11px; max-width: 100%; } .btn--rounded .icon-translate--right { transition-timing-function: cubic-bezier(0, 0, 0, 0.98); } .btn--rounded .icon-translate--left { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: translateX(-777px); transition-timing-function: cubic-bezier(0.98, 0, 1, 1); opacity: 0; } .btn--rounded:hover { background-color: var(--color-primary); color: #fff; box-shadow: unset; } .btn--rounded:hover .icon-translate--right { transform: translateX(777px); transition-timing-function: cubic-bezier(0.98, 0, 1, 1); opacity: 0; } .btn--rounded:hover .icon-translate--left { transform: translateX(0); transition-timing-function: cubic-bezier(0, 0, 0, 0.98); opacity: 1; } .btn-outline { border: 1px solid; } .btn-outline-grey { border-color: #dadada; color: var(--color-text); } .btn-outline-grey:hover { border-color: #dadada; background-color: #dadada; } .btn-outline-dark { border: 1px solid #545454; color: #545454; } .btn-outline-dark:hover { border-color: var(--color-primary); color: var(--color-primary); background-color: transparent; box-shadow: unset; } .btn-sm { padding: 12px 26px 12px; } .btn-sm span svg { max-width: 7px; } .link { font-size: var(--text-base); line-height: 27px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 50px; transition: all 0.3s ease; } .link span { display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .link span.text { position: relative; top: -1px; } .link span svg { max-width: 7px; } .link span.iconLeft { width: 12px; } .link span.iconLeft svg { transition: all 0.3s ease; opacity: 1; transform: translateX(0px); } .link span.iconLeft img { transition: all 0.3s ease; opacity: 1; transform: translateX(0px); } .link span.iconRight { width: 0px; } .link span.iconRight svg { transition: all 0.3s ease; opacity: 0; transform: translateX(10px); } .link span.iconRight img { transition: all 0.3s ease; opacity: 0; transform: translateX(10px); } .link:hover span.iconLeft { width: 0; } .link:hover span.iconLeft svg { transform: translateX(0); opacity: 0; } .link:hover span.iconRight { width: 12px; } .link:hover span.iconRight svg { transform: translateX(0px); opacity: 1; } .link:hover span.iconRight img { transform: translateX(0px); opacity: 1; } .link-primary { color: #333333 !important; } .link-primary:hover { color: var(--color-primary); } .link-primary:hover span svg path { fill: #386bb7; } .link-borderd { position: relative; } .link-borderd::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; content: ""; background: linear-gradient(90deg, #386bb7, #8ab0db); } .form__inputBox-wrap { position: relative; } .form__inputBox-wrap label { position: absolute; left: 0; top: 15px; transition: all 0.3s ease; color: #898989; font-size: var(--text-base); } .form__inputBox-wrap textarea:focus~label, .form__inputBox-wrap textarea:valid~label, .form__inputBox-wrap input:focus~label, .form__inputBox-wrap input:valid~label { top: -8px; color: var(--color-text); } .form-control { width: 100%; border-radius: 0px; border: none; border-bottom: 1px solid #adadad; color: var(--color-text); font-size: var(--text-base); line-height: 27px; box-shadow: none !important; padding: 0px; height: 60px; } .form-control:focus { border-bottom: 1px solid #999999; } .form-control::-webkit-input-placeholder { color: #898989; opacity: 1; } .form-control::-moz-placeholder { color: #898989; opacity: 1; } .form-control:-ms-input-placeholder { color: #898989; opacity: 1; } .form-control::-ms-input-placeholder { color: #898989; opacity: 1; } .form-control::placeholder { color: #898989; opacity: 1; } textarea.form-control { width: 100%; border-radius: 0px; border: none; border-bottom: 1px solid #adadad; color: var(--color-text); font-size: var(--text-base); line-height: 27px; box-shadow: none !important; padding: 16px 0px 0px; height: 110px; resize: none; } textarea.form-control:focus { border-bottom: 1px solid #999999; } textarea.form-control::-webkit-input-placeholder { color: #898989; opacity: 1; } textarea.form-control::-moz-placeholder { color: #898989; opacity: 1; } textarea.form-control:-ms-input-placeholder { color: #898989; opacity: 1; } textarea.form-control::-ms-input-placeholder { color: #898989; opacity: 1; } textarea.form-control::placeholder { color: #898989; opacity: 1; } .marqueText__wrapper { background-image: url("../images/hero/hero-object-bar-top.webp"); background-repeat: no-repeat; background-size: cover; background-position: top; padding: 60px 0px 20px; border-radius: 25px; margin-top: -40px; overflow: hidden; width: 100%; position: relative; z-index: 1; } .marqueText__wrapper::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: rgba(0, 0, 0, 0.2509803922); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); } @media (max-width: 1199px) { .marqueText__wrapper { padding: 50px 0px 7px; } } .marqueText__main { font-size: var(--text-7xl); line-height: 60px; letter-spacing: -0.03em; white-space: nowrap; color: #fff; white-space: nowrap; display: inline-block; } .js-marquee { padding-right: .5rem; } @media (max-width: 1399px) { .marqueText__main { font-size: var(--text-6xl); } } @media (max-width: 767px) { .marqueText__main { font-size: var(--text-5xl); } } .card { width: 100%; height: 100%; border: none; border-radius: 25px; overflow: hidden; } @media (max-width: 1399px) { .card { border-radius: 16px; } } .card__thumb { width: 100%; } .card__thumb__img { border-radius: 25px; overflow: hidden; } @media (max-width: 1399px) { .card__thumb__img { border-radius: 16px; } } .card__title { color: var(--color-text); } .card__title__vertical { font-size: 2.7rem; letter-spacing: -0.05em; line-height: 1; position: absolute; bottom: -0.1em; right: -0.2em; white-space: nowrap; transform-origin: right bottom; transform: rotate(-90deg) translateX(100%); } .services-grid .card--service .card__title__vertical { font-size: 1.6rem; bottom: 0.1em; right: -0.2em; } @media (max-width: 1441px) { .services-grid .card--service .card__title__vertical { right: -5.7rem !important; } } @media (max-width: 767px) { .services-grid .card--service .card__title__vertical { right: -4.2rem !important; font-size: 1rem !important; } } .card__meta__tag, .card__label__tag { font-size: var(--text-base); color: #9b9b9b; position: relative; } .card__meta__tag::after, .card__label__tag::after { content: "/"; margin: 0 3px; } .card__meta__tag:last-child::after, .card__meta__tag:last-of-type::after, .card__label__tag:last-child::after, .card__label__tag:last-of-type::after { display: none; } .card__label__tag:hover { color: var(--color-text); } .card--blog { border: 1px solid #e0e0e0; background-color: #fff; } #articles-list { margin-bottom: 2rem; } .card--blog .card__thumb { height: 314px; } @media (max-width: 1199px) { .card--blog .card__thumb { height: 240px; } } @media (max-width: 575px) { .card--blog .card__thumb { height: 200px; } } .card--blog .card__thumb__img img { transform: scale(1.05) translateX(0); transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: transform; } .card--blog .card__content { padding: 50px 40px; } @media (max-width: 1399px) { .card--blog .card__content { padding: 32px 24px; } } @media (max-width: 767px) { .card--blog .card__content { padding: 20px 16px; } } .card--blog .card__title { display: inline; background: no-repeat 0 100%; background-image: linear-gradient(currentColor, currentColor); background-size: 0 2px; transition: all 0.3s, background-size 0.5s; } .card--blog .card__title:hover { background-size: 100% 2px; } @media (max-width: 1199px) { .card--blog .card__para { line-height: 1.5; } } .card--blog .card__meta__badge { padding: 6px 18px; border-radius: 25px 25px 0 0; } .card--blog .card__meta__badge .obj { position: absolute; bottom: 0; left: calc(100% - 1px); } .card--blog:hover .card__thumb__img img { transform: scale(1.05) translateX(2%); } .card--blog-lg .card__thumb { height: 474px; } @media (max-width: 767px) { .card--blog-lg .card__thumb { height: 320px; } } .card--blog-lg .card__title { font-size: 1.8rem; line-height: 50px; } @media (max-width: 767px) { .card--blog-lg .card__title { /* font-size: var(--text-3xl); */ line-height: 35px; } } /* Home: three identical cards, fixed-height thumbnail. */ .blog--section .blog__wrapper__row { align-items: stretch; } .blog--section .blog__wrapper__col > .card--blog { width: 100%; height: 540px; display: flex; flex-direction: column; overflow: hidden; } .blog--section .blog__wrapper__col > .card--blog .card__thumb { height: 260px; flex-shrink: 0; } .blog--section .blog__wrapper__col > .card--blog .card__content { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 32px 28px; } .blog--section .card--blog .card__title { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-wrap: break-word; overflow-wrap: break-word; } .blog--section .card--blog .card__para { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .blog--section .card--blog .card__content__bottom { margin-top: auto; } @media (max-width: 991px) { .blog--section .blog__wrapper__col > .card--blog { height: 500px; } .blog--section .blog__wrapper__col > .card--blog .card__thumb { height: 220px; } } .card--service { padding: 24px 20px 40px; background-color: #f0f2f4; } .services-grid .card--service { padding: 24px 20px 10px; } @media (max-width: 575px) { .card--service { padding: 20px 16px 32px; } } .card--service .card__thumb { height: 388px; } @media (max-width: 1399px) { .card--service .card__thumb { height: 336px; } } @media (max-width: 575px) { .card--service .card__thumb { height: 288px; } } .card--service .card__content { padding: 30px 20px 0; } @media (max-width: 575px) { .card--service .card__content { padding: 24px 16px 0; } } .card--service .card__title:hover { color: var(--color-primary); } .card--service .card__item__link { width: 72px; height: 60px; margin-left: auto; padding: 10px; border-radius: 30px 0 0 0; background-color: #fff; } .section__subtitle::before { content: "/"; display: inline-block; margin-right: 3px; } .section__subtitle::after { content: "/"; display: inline-block; margin-left: 3px; } .topSearchBar { padding: 37px 40px 37px 40px; background-color: #fff; position: fixed; top: 0; z-index: 11111; width: 100%; height: auto; display: flex; align-items: center; transform: translateY(-100%); transition: all 0.3s ease; } @media (max-width: 991px) { .topSearchBar { padding: 20px 16px 20px 16px; } } .topSearchBar.active { transform: translateY(0); } .topSearchBar__form { flex: 1; display: flex; align-items: center; gap: 3%; } .topSearchBar__form .searchIcon { flex: 0 0 auto; width: 24px; color: #333333; font-size: var(--text-3xl); } .topSearchBar__form input { flex: 1; border: none; border-radius: 0px; font-size: var(--text-lg); color: #333333; } .topSearchBar__form input[type="search"]::-webkit-search-cancel-button, .topSearchBar__form input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } .topSearchBar__close { color: #333333; font-size: var(--text-3xl); flex: 0 0 auto; width: 30px; transition: all 0.3s; } .topSearchBar__close:hover { color: var(--color-primary); } @media (max-width: 767px) { .topSearchBar__form input, .topSearchBar__form input:focus { font-size: 16px !important; transform: scale(1); touch-action: manipulation; } .topSearchBar__wrapper { padding: 15px; } .topSearchBar__form { padding: 12px 16px; } } @media screen and (max-width: 767px) { input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input:not([type]), textarea, select { font-size: 16px !important; } } .search-results { position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%) translateY(-10px); width: 90%; max-width: 800px; max-height: 70vh; background: #fff; border-radius: 16px; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.04); opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); z-index: 11110; overflow: hidden; display: flex; flex-direction: column; } .search-results.active { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } @media (max-width: 991px) { .search-results { width: 95%; max-width: 700px; max-height: 60vh; border-radius: 12px; } } @media (max-width: 575px) { .search-results { position: fixed; top: 80px; left: 10px; right: 10px; width: auto; max-width: none; max-height: calc(100vh - 100px); transform: none; border-radius: 12px; } .search-results.active { transform: none; } .search-results__header { padding: 16px 20px; } .search-results__list { max-height: calc(100vh - 180px); padding: 8px; } .search-result { padding: 14px; gap: 12px; flex-direction: column; } .search-result__content { gap: 6px; } .search-result__title { font-size: 15px; -webkit-line-clamp: 3; line-clamp: 3; } .search-result__excerpt { font-size: 13px; -webkit-line-clamp: 3; line-clamp: 3; } .search-result__type { font-size: 10px; padding: 4px 8px; } .search-results__loader, .search-results__empty, .search-results__error { padding: 40px 20px; } } .search-results__header { padding: 24px 28px; border-bottom: 2px solid #f0f2f4; background: linear-gradient(to bottom, #fafbfc 0%, #fff 100%); } .search-results__count { font-size: var(--text-sm); font-weight: 600; color: var(--color-primary); text-transform: uppercase; letter-spacing: 0.5px; } .search-results__list { overflow-y: auto; max-height: calc(70vh - 100px); padding: 12px; } .search-results__list::-webkit-scrollbar { width: 6px; } .search-results__list::-webkit-scrollbar-track { background: #f8f9fa; border-radius: 10px; } .search-results__list::-webkit-scrollbar-thumb { background: #d0d3d6; border-radius: 10px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .search-results__list::-webkit-scrollbar-thumb:hover { background: #386bb7; } .search-result { display: flex; gap: 20px; padding: 20px; border-radius: 14px; text-decoration: none; transition: all 0.3s ease; margin-bottom: 8px; background: #fff; border: 1px solid #f0f2f4; position: relative; overflow: hidden; } .search-result:hover { background: #fafbfc; border-color: #e0e4e8; } .search-result__content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; } .search-result__type { display: inline-flex; align-items: center; font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--color-primary); background: rgba(56, 107, 183, 0.08); padding: 6px 12px; border-radius: 6px; margin-bottom: 2px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .search-result__title { font-size: var(--text-lg); font-weight: 600; color: #1f1f1f; margin: 0; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .search-result__excerpt { font-size: var(--text-base); color: #666; line-height: 1.65; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .search-result__title mark { background: rgba(56, 107, 183, 0.08); color: inherit; padding: 0 2px; font-weight: inherit; border-radius: 2px; } .search-result__excerpt mark { background: rgba(56, 107, 183, 0.15); color: #1a1a1a; padding: 2px 5px; border-radius: 3px; font-weight: 600; } .search-result__date { font-size: var(--text-xs); color: #999; font-weight: 500; display: flex; align-items: center; gap: 6px; } .search-result__date::before { content: ''; width: 4px; height: 4px; background: #ccc; border-radius: 50%; } .search-results__loader, .search-results__empty, .search-results__error { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 24px; text-align: center; color: #666; } .search-results__loader i, .search-results__empty i, .search-results__error i { font-size: var(--text-8xl); margin-bottom: 20px; color: #e0e0e0; } .search-results__loader .spinner { width: 56px; height: 56px; border: 4px solid #f0f2f4; border-top-color: var(--color-primary); border-radius: 50%; -webkit-animation: spin 0.8s linear infinite; animation: spin 0.8s linear infinite; margin-bottom: 20px; } @-webkit-keyframes spin { to { transform: rotate(360deg); } } @keyframes spin { to { transform: rotate(360deg); } } .search-results__loader span, .search-results__empty p, .search-results__error p { font-size: var(--text-xl); font-weight: 600; color: #1f1f1f; margin: 0 0 12px 0; } .search-results__empty span, .search-results__error span { font-size: var(--text-base); color: #999; font-weight: 400; } .search-results__empty strong { color: var(--color-primary); font-weight: 700; } @media (max-width: 767px) { .search-results { width: 96%; max-width: 100%; border-radius: 12px; } .search-results__header { padding: 18px 20px; } .search-results__list { padding: 8px; } .search-result { gap: 14px; padding: 14px; border-radius: 12px; } .search-result__title { font-size: var(--text-md); } .search-result__excerpt { font-size: var(--text-sm); -webkit-line-clamp: 1; line-clamp: 1; } .search-results__loader, .search-results__empty, .search-results__error { padding: 60px 20px; } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; color: #000; text-align: left; border: 0; border-radius: 0; overflow-anchor: none; transition: all 0.3s ease; cursor: pointer; font-size: var(--text-5xl); font-family: "Sora", sans-serif; line-height: 35px; letter-spacing: -0.03em; padding: 38px 0px; background-color: transparent !important; box-shadow: none !important; } .accordion-button::after { flex-shrink: 0; margin-left: auto; content: ""; transition: all 0.3s ease; } .collapse { display: none; } .collapse.show { display: block; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } .accordion-item { border-radius: 0px !important; border: none; background-color: transparent !important; border-bottom: 1px solid #333333; } @media (max-width: 991px) { .accordion-button { padding: 24px 0px; font-size: var(--text-3xl); } } @media (max-width: 767px) { .accordion-button { gap: 0px; align-items: flex-start; font-size: var(--text-2xl); line-height: 30px; } } .accordion-button span.count { flex: 0 0 auto; width: 35%; } @media (max-width: 767px) { .accordion-button span.count { width: 40px; } } .accordion-button:focus { box-shadow: none !important; } .accordion-button::after { background-image: url("../images/icons/faq-arrow.svg"); background-size: 13px; align-self: flex-start; margin-top: 14px; width: 14px; height: 14px; } .accordion-button:not(.collapsed) { color: var(--color-text); padding-bottom: 15px; } .accordion-button:not(.collapsed)::after { position: relative; transform: rotate(-90deg); background-image: url("../images/icons/faq-arrow.svg"); background-size: 13px; } .accordion-content p { font-weight: 500; } .accordion-body { background-color: transparent; padding: 0px 0px 50px; padding-left: 35%; } @media (max-width: 767px) { .accordion-body { padding-bottom: 30px; padding-left: 40px; } } .scroll-to-top { width: 2rem; height: 3rem; border-radius: 100px; color: var(--color-text); background-color: #111; position: fixed; bottom: -100px; right: 56px; z-index: 999; transition: all 0.3s ease-in-out; } @media (max-width: 767px) { .scroll-to-top { right: 30px; } } .scroll-to-top.active { bottom: 2rem; } .scroll-to-top svg { transition: all 0.3s ease-in-out; } .scroll-to-top:hover { background-color: #fb827b; } .scroll-to-top:hover svg { margin-top: 0; } .pageination ul { display: flex; align-items: center; justify-content: center; gap: 10px; } .pageination ul li a.btn { height: 50px; padding: 0px 24px; } .pageination__item { width: 50px; height: 50px; border-radius: 100px; border: 1px solid rgba(0, 0, 0, 0.2); display: inline-flex; align-items: center; justify-content: center; color: #333333; } .pageination__item:hover { background-color: var(--color-primary); color: #fff; } .pageination__item.active { background-color: var(--color-primary); color: #fff; } .post-pagination__link { margin-bottom: 35px; } @media (max-width: 991px) { .post-pagination__link { margin-bottom: 0px; } } .post-pagination__view { display: flex; align-items: center; gap: 26px; } .post-pagination__view:hover .postTitle { color: var(--color-primary); } .post-pagination__view-thumb { width: 135px; height: 106px; border-radius: 20px; } .post-pagination__view-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 20px; } .post-pagination__view-content span.title { display: block; color: #959595; font-size: var(--text-base); line-height: 30px; } .post-pagination__view-content span.postTitle { font-size: var(--text-2xl); line-height: 35px; color: var(--color-text); transition: all 0.3s ease; } .post-pagination__view--rtl { flex-direction: row-reverse; } .post-pagination__grid a.gridBtn { display: inline-block; margin-top: 50px; } @media (max-width: 991px) { .post-pagination__grid a.gridBtn { margin-top: 0px; } } .post-pagination__grid a.gridBtn:hover svg path { fill: #386bb7; } .widget { border: 1px solid #e0e0e0; } .widget__header { display: flex; align-items: center; gap: 5px; padding-bottom: 12px; position: relative; justify-content: space-between; } .widget__header::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; content: ""; background: linear-gradient(261.52deg, #8ab0db 14.51%, #386bb7 95.96%); } .widget__header h3 { font-size: var(--text-3xl); line-height: 35px; } .widget-category { padding: 30px 25px; border-radius: 25px; background-color: #f0f2f4; } .widget-category ul li a { font-size: var(--text-xl); font-weight: 600; color: #8a9199; letter-spacing: -0.03em; transition: all 0.3s ease; padding-left: 0px; line-height: 45px; position: relative; } .widget-category ul li a span.icon { position: absolute; left: 0; top: 2px; line-height: 1; transition: all 0.3s ease; transform: translateX(-5px); opacity: 0; } .widget-category ul li a:hover { color: var(--color-text); padding-left: 15px; } .widget-category ul li a:hover span.icon { transform: translateX(0); opacity: 1; } .blockquote { background-color: #f0f2f4; padding: 72px 60px 72px 48px; border-radius: 20px; display: flex; gap: 34px; align-items: flex-start; margin: 2rem 0; } @media (max-width: 991px) { .blockquote { padding: 30px 40px 40px 30px; } } @media (max-width: 767px) { .blockquote { flex-wrap: wrap; gap: 20px; padding: 22px 30px 28px 22px; } } .blockquote__icon { flex: 0 0 auto; width: 48px; } @media (max-width: 767px) { .blockquote__icon { width: 100%; } } .blockquote__content { flex: 1; } .blockquote__content p { font-size: var(--text-3xl); line-height: 35px; color: #333333; font-weight: 600; margin-bottom: 8px; } @media (max-width: 767px) { .blockquote__content p { font-size: var(--text-2xl); line-height: 30px; } } .blockquote__content span.quoteAuthor { font-size: var(--text-base); color: #333333; display: block; } .article__item { display: flex; align-items: center; gap: 16px; } .article__item-thumb { width: 75px; height: 70px; border-radius: 12px; flex: 0 0 auto; } .article__item-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 12px; } .article__item-content span.date { font-size: var(--text-base); font-weight: 500; color: #9b9b9b; display: block; margin-bottom: 9px; line-height: 1; } .article__item-content h5 { font-size: var(--text-xl); line-height: 25px; color: var(--color-text); letter-spacing: -0.03em; } .article__item-content h5 a { font-size: var(--text-xl); line-height: 25px; color: var(--color-text); letter-spacing: -0.03em; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .article__item-content h5 a:hover { text-decoration: underline; } .tag { font-size: var(--text-base); font-weight: 500; color: #333333; display: inline-block; padding: 10px 12px; line-height: 1; border-radius: 40px; background-color: #f0f2f4; transition: all 0.3s ease; } .tag:hover { background-color: #333333; color: #ffffff; } .hero--section { border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background-color: #f0f2f4; z-index: 2; } .pageHero__content { padding: 3rem; } @media (max-width: 1199px) { .pageHero__content { padding: 2.5rem; } } @media (max-width: 991px) { .pageHero__content { padding: 2rem; } } @media (max-width: 767px) { .pageHero__content { padding: 1.5rem; } } @media (max-width: 575px) { .pageHero__content { padding: 0 1rem; } } .hero__content { padding: 268px 0px 169px; position: relative; position: relative; } @media (max-width: 991px) { .hero__content { padding: 230px 0px 90px; } } @media (max-width: 767px) { .hero__content { padding: 120px 0px 90px; } } .hero__content h1 { margin-bottom: 25px; } @media (max-width: 1199px) { .hero__content h1 { font-size: var(--text-7xl) !important; } } @media (max-width: 767px) { .hero__content h1 { font-size: var(--text-5xl) !important; margin-bottom: 12px; } } @media (max-width: 767px) { .hero__content h1 br { display: none; } } .hero__content-desc { max-width: 419px; float: right; margin-top: -70px; } @media (max-width: 1199px) { .hero__content-desc { max-width: 366px; } } @media (max-width: 991px) { .hero__content-desc { max-width: 366px; float: inherit; margin-top: 0; margin-bottom: 30px; } } .hero__content-desc p { line-height: 30px; font-weight: 500; margin-bottom: 18px; } .hero__brand { padding-bottom: 87px; } .hero__playbtn { width: 462px; display: flex; align-items: center; border-radius: 80px; background-image: url("../images/hero/hero-object-bar.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 28px 34px; display: inline-flex; gap: 15px; color: #fff; font-weight: 600; transition: all 0.3s ease; position: relative; z-index: 1; } .hero__playbtn::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: -1; background-color: rgba(0, 0, 0, 0.2509803922); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); border-radius: 40px; } @media (max-width: 1199px) { .hero__playbtn { width: 366px; padding: 24px 30px; } } @media (max-width: 767px) { .hero__playbtn { width: 280px; padding: 14px 24px; } } .hero__playbtn:hover span.icon::after { opacity: 1; } .hero__playbtn span.icon { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background-image: url("../images/icons/video-play-border.svg"); background-repeat: no-repeat; background-position: center; background-size: 100%; padding-left: 1px; position: relative; z-index: 1; } .hero__playbtn span.icon::after { width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; content: ""; background-color: var(--color-text); transition: all 0.3s ease; opacity: 0; z-index: -1; } .hero__img-obj { display: inline-block; width: 211px; height: 78px; border-radius: 100px; background-image: url("../images/hero/hero-object-bar.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; left: 74%; top: 250px; z-index: 1; } @media (max-width: 991px) { .hero__img-obj { width: 180px; height: 50px; top: 180px; } } @media (max-width: 767px) { .hero__img-obj { width: 148px; height: 53px; top: inherit; left: 0; bottom: 20px; } } .hero__img-obj::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: -1; background-color: rgba(0, 0, 0, 0.2509803922); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); border-radius: 40px; } .hero__obj-pattern { position: absolute; left: 0; top: 0; } .hero__brand { width: 100%; max-width: 100%; } .hero__brand-slider { width: 100%; max-width: 100%; } .hero__brand-slider .swiper-pagination { position: relative; padding-top: 30px; display: flex; align-items: center; gap: 10px; width: 100% !important; left: 0 !important; justify-content: center; align-items: flex-start; display: flex; transform: translate(0, 0) !important; } .hero__brand-slider .swiper-pagination span.swiper-pagination-bullet { width: 16px; height: 16px; border: 1px solid transparent; display: block; flex: 0 0 auto; -webkit-backface-visibility: visible; backface-visibility: visible; border-radius: 50%; position: relative; transition: all 0.3s ease !important; background: none; transform: translate(0, 0) !important; left: 0 !important; } .hero__brand-slider .swiper-pagination span.swiper-pagination-bullet-active { border-color: var(--color-text); } .hero__brand-slider .swiper-pagination span.swiper-pagination-bullet::after { content: ""; position: absolute; display: block; width: 4px; height: 4px; left: 50%; right: initial; top: 51%; transform: translate(-50%, -50%); border-width: 1px; border-style: solid; transition: border-color 0.3s; border-radius: 50%; } @media (max-width: 767px) { .hero__brand { padding-bottom: 30px; padding-top: 16px; } } .hero__brand-item { display: flex; align-items: center; justify-content: center; } .hero__brand-item img { transition: all 0.3s ease; opacity: 0.2; } .hero__brand-item img:hover { opacity: 0.7; } @media (max-width: 1399px) { .hero__brand-item img { max-width: 170px; max-height: 70px; } } @media (max-width: 1199px) { .hero__brand-item img { max-width: 140px; max-height: 60px; } } .blog--section { padding: 240px 0; } @media (max-width: 1599px) { .blog--section { padding: 140px 0; } } @media (max-width: 1399px) { .blog--section { padding: 96px 0; } } @media (max-width: 991px) { .blog--section { padding: 64px 0; } } @media (max-width: 575px) { .blog--section { padding: 48px 0; } } .blog__wrapper { max-width: 1582px; } .blog__wrapper__row { height: 100%; } @media (max-width: 1599px) { .blog__wrapper__row.g-5 { --bs-gutter-x: 32px; --bs-gutter-y: 32px; } } @media (max-width: 1399px) { .blog__wrapper__row.g-5 { --bs-gutter-x: 24px; --bs-gutter-y: 24px; } } @media (max-width: 1199px) { .blog__wrapper__row.g-5 { --bs-gutter-x: 16px; --bs-gutter-y: 16px; } } .blog__wrapper__col { height: 100%; } @media (max-width: 575px) { .blog__wrapper__col { height: auto; } } .blog__items .card--blog:not(:last-child) { margin-bottom: 30px; } .blog .section__head { max-width: 1112px; } .testimonial__wrapper { padding-top: 144px; border-radius: 25px; } .testimonial__wrapper::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(38, 54, 69, 0.75) 0%, rgba(38, 51, 67, 0.25) 100%); z-index: -1; } @media (max-width: 767px) { .testimonial__wrapper { padding-top: 80px; } } .testimonial__slider { width: 51.6%; border-radius: 25px; } @media (max-width: 575px) { .testimonial__slider { width: 100%; } } .testimonial__slider__inner { padding: 17.1% 7.4% 17.777% 11.85%; } .testimonial__slider__btns__inner { width: 136px; height: 60px; background-color: #fff; border-radius: 20px 20px 0 0; } .testimonial__slider__btns__inner::before, .testimonial__slider__btns__inner::after { content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; box-shadow: 0 20px 0 0 #fff; } .testimonial__slider__btns__inner::before { left: -20px; border-bottom-right-radius: 20px; } .testimonial__slider__btns__inner::after { right: -20px; border-bottom-left-radius: 20px; } .testimonial__slider__btns__inner .slider-btn { position: static; margin-top: 0; width: 44px; height: 100%; color: var(--color-text); transition: all 0.3s ease-in-out; } .testimonial__slider__btns__inner .slider-btn::after { display: none; } .testimonial__slider__btns__inner .slider-btn:hover { color: var(--color-primary); } .testimonial__slider__btns__inner .slider-btn svg { max-width: 13px; max-height: 12px; } .testimonial__content .para { margin: 25px 0 22px; } @media (max-width: 767px) { .testimonial__content .para { font-size: 18px !important; line-height: 1.875; } } .testimonial__text__block { width: 48.4%; } @media (max-width: 575px) { .testimonial__text__block { width: 100%; } } .testimonial .section__top { padding: 0 15% 100px 24%; } @media (max-width: 1399px) { .testimonial .section__top { padding: 0 15% 100px 10%; } } @media (max-width: 767px) { .testimonial .section__top { padding: 0 16px 100px 10%; } } .feature--section { padding: 180px 0px; } @media (max-width: 1399px) { .feature--section { padding: 100px 0px; } } @media (max-width: 991px) { .feature--section { padding: 70px 0px; } } @media (max-width: 767px) { .feature--section { padding: 48px 0px; } } .feature__item { display: flex; align-items: center; gap: 88px; } @media (max-width: 1399px) { .feature__item { gap: 30px; } } @media (max-width: 991px) { .feature__item { gap: 80px; } } @media (max-width: 767px) { .feature__item { gap: 0px; flex-wrap: wrap; padding-top: 25px; } } .feature__item-img { flex: 0 0 auto; width: 103px; } .feature__item-img img { max-width: 100%; } .feature__item-content { padding: 22px 0px 22px; border-bottom: 1px solid #111111; } .feature__item-content h3 { margin-bottom: 8px; } .feature__item-content p { color: #333333; } .faq--section { padding: 0px 44px; } @media (max-width: 767px) { .faq--section { padding: 0px 0px; } } @media (max-width: 991px) { .faq .section__top { margin-bottom: 30px; } } .faq .section__head { width: 60%; } @media (max-width: 991px) { .faq .section__head { width: 100%; } } .faq__wrapper { background-color: #f0f2f4; border-radius: 20px; padding: 180px 0px 180px; } @media (max-width: 1399px) { .faq__wrapper { padding: 120px 0px 120px; } } @media (max-width: 1199px) { .faq__wrapper { padding: 100px 0px 100px; } } @media (max-width: 991px) { .faq__wrapper { padding: 70px 0px 70px; } } @media (max-width: 767px) { .faq__wrapper { padding: 50px 0px 50px; border-radius: 0px; } } .faq__wave { position: absolute; right: 0; top: 50%; transform: translateY(-50%); max-width: 42%; } .service--section { padding-bottom: 192px; } @media (max-width: 1599px) { .service--section { padding-bottom: 140px; } } @media (max-width: 1399px) { .service--section { padding-bottom: 96px; } } @media (max-width: 991px) { .service--section { padding-bottom: 64px; } } @media (max-width: 575px) { .service--section { padding-bottom: 48px; } } .service__item { width: 420px; } @media (max-width: 1599px) { .service__item { width: 400px; } } @media (max-width: 1399px) { .service__item { width: 368px; } } @media (max-width: 767px) { .service__item { width: auto; } } .service .section__head { max-width: 780px; } .service .section__elem { width: 100px; height: 54px; padding: 5px; border-radius: 100px; overflow: hidden; z-index: 4; } .service__slider { padding: 0 24px; padding-right: 88px; margin: 0 -24px; } @media (max-width: 767px) { .service__slider { padding: 0; margin: 0; } } .service__slider__btns { width: 100%; height: 100%; cursor: default; padding: 0; } .service__slide__btn { position: static; margin-top: 0; height: auto; width: auto; color: var(--color-text); width: 42px; height: 100%; transition: all 0.3s ease-in-out; } .service__slide__btn::after { display: none; } .service__slide__btn svg { width: 10px; height: 7px; max-width: 100%; } .service__slide__btn:hover { color: var(--color-primary); } .service .swiper-button-disabled { opacity: 0.5; } .service .btn--secondary:hover { background-color: transparent; box-shadow: unset; } .service .btn-sm { padding: 11px 21px; line-height: 1; font-size: var(--text-xs); } .service--section .service__slider .swiper-wrapper { align-items: stretch; } .service--section .service__item { height: auto; display: flex; } .service--section .card--service { height: 100%; width: 100%; display: flex; flex-direction: column; } .service--section .card--service .card__thumb { height: auto; aspect-ratio: 4/3; flex-shrink: 0; position: relative; overflow: hidden; } .service--section .card--service .card__thumb img { width: 100%; height: 100%; object-fit: cover; } .service--section .card--service .card__title__vertical { position: absolute; bottom: 0; right: -5px; white-space: nowrap; transform-origin: right bottom; transform: rotate(-90deg) translateX(100%); font-size: clamp(1.2rem, 3vw, 2rem); letter-spacing: -0.03em; line-height: 1; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); } .service--section .card--service .card__content { flex: 1; display: flex; flex-direction: column; } .service--section .card--service .card__title { word-wrap: break-word; overflow-wrap: break-word; } @media (max-width: 991px) { .service--section .card--service .card__thumb { aspect-ratio: 16/10; } .service--section .card--service .card__title__vertical { font-size: clamp(1rem, 3.5vw, 1.6rem); } } @media (max-width: 575px) { .service--section .card--service .card__thumb { aspect-ratio: 1/1; } .service--section .card--service .card__title__vertical { font-size: clamp(2rem, 4vw, 1.3rem); } } .network--section { padding: 196px 0; } @media (max-width: 1599px) { .network--section { padding: 140px 0; } } @media (max-width: 1399px) { .network--section { padding: 96px 0; } } @media (max-width: 991px) { .network--section { padding: 64px 0; } } @media (max-width: 767px) { .network--section { padding: 48px 0; } } .network__wrapper { max-width: 1394px; } .network .section__head { max-width: 772px; } .network .outline-text { font-size: 120px; } @media (max-width: 1399px) { .network .outline-text { font-size: 100px; } } @media (max-width: 767px) { .network .outline-text { font-size: 80px; } } .network__items { display: block; overflow: hidden; white-space: nowrap; } @media (max-width: 767px) { .network__items { gap: 16px; } } .network__pill { height: 46px; padding: 8px 16px; gap: 14px; border: 1px solid #b7b7b7; border-radius: 100px; background-color: #fff; margin-right: 20px; } .network__pill__logo img { height: 30px; width: auto; } .network__pill__text { color: #333333; transition: all 0.3s ease 0s; } .network__pill:hover { border-color: #333333; background-color: #333333; } .network__pill:hover .network__pill__text { color: #fff; } .network__map__thumb { max-height: 474px; width: auto; } .pageHero--section { padding: 0px 45px 40px; } @media (max-width: 1399px) { .pageHero--section { padding: 0px 20px 30px; } } @media (max-width: 991px) { .pageHero--section { padding: 0px 15px 20px; } } @media (max-width: 767px) { .pageHero--section { padding: 0px 15px 20px; } } .pageHero__wrapper { background-image: url("../images/hero/hero-object-bar.webp"); background-repeat: no-repeat; background-size: cover; background-position: 0% 49%; border-radius: 24px; background-color: #e0e0e0; display: flex; align-items: center; position: relative; isolation: isolate; } .pageHero__wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.20); border-radius: inherit; z-index: -1; } @media (max-width: 991px) { .pageHero__wrapper { border-radius: 20px; } } @media (max-width: 767px) { .pageHero__wrapper { background-image: url("../images/hero/hero-object-bar-mobile.webp"); border-radius: 16px; } } .pageHero__content-text span.icon { margin-bottom: 24px; } @media (max-width: 991px) { .pageHero__content-text span.icon { margin-bottom: 16px; } } @media (max-width: 991px) { .pageHero__content-text h2 { font-size: var(--text-6xl) !important; } } @media (max-width: 767px) { .pageHero__content-text h2 { font-size: var(--text-5xl) !important; } } .pageHero__breadcrumb { position: absolute; right: 3rem; bottom: 0; background-color: #f0f2f4; padding: 15px 30px 16px 38px; border-radius: 25px 25px 0 0; max-width: calc(100% - 6rem); } @media (max-width: 1199px) { .pageHero__breadcrumb { right: 2.5rem; padding: 12px 24px 14px 30px; max-width: calc(100% - 5rem); } } @media (max-width: 991px) { .pageHero__breadcrumb { right: 2rem; padding: 10px 20px 12px 24px; border-radius: 20px 20px 0 0; max-width: calc(100% - 4rem); } } @media (max-width: 767px) { .pageHero__breadcrumb { right: 1.5rem; padding: 8px 16px 10px 16px; border-radius: 16px 16px 0 0; max-width: calc(100% - 3rem); } } @media (max-width: 575px) { .pageHero__breadcrumb { right: auto; left: 65%; transform: translateX(-50%); padding: 6px 12px 8px 12px; max-width: 90%; width: auto; } } .pageHero__breadcrumb::before, .pageHero__breadcrumb::after { content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; } @media (max-width: 767px) { .pageHero__breadcrumb::before, .pageHero__breadcrumb::after { height: 30px; width: 15px; } } @media (max-width: 575px) { .pageHero__breadcrumb::before, .pageHero__breadcrumb::after { display: none; } } .pageHero__breadcrumb::before { box-shadow: 0 20px 0 0 #f0f2f4; border-bottom-right-radius: 20px; right: 100%; } @media (max-width: 767px) { .pageHero__breadcrumb::before { box-shadow: 0 15px 0 0 #f0f2f4; border-bottom-right-radius: 15px; } } .pageHero__breadcrumb::after { box-shadow: 0 20px 0 0 #f0f2f4; border-bottom-left-radius: 20px; left: 100%; } @media (max-width: 767px) { .pageHero__breadcrumb::after { box-shadow: 0 15px 0 0 #f0f2f4; border-bottom-left-radius: 15px; } } .pageHero__breadcrumb ul { display: flex; align-items: center; overflow: hidden; } .pageHero__breadcrumb ul li { font-size: var(--text-base); line-height: 27px; font-weight: 600; color: #333333; position: relative; padding: 0; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 0; } /* Only the last item (current page) shrinks when space runs out. */ .pageHero__breadcrumb ul li:last-child { flex-shrink: 1; } @media (max-width: 1199px) { .pageHero__breadcrumb ul li { max-width: 200px; } } @media (max-width: 991px) { .pageHero__breadcrumb ul li { max-width: 160px; } } @media (max-width: 767px) { .pageHero__breadcrumb ul li { font-size: var(--text-xs); line-height: 18px; max-width: 140px; } } @media (max-width: 575px) { .pageHero__breadcrumb ul li { font-size: var(--text-xxs); line-height: 16px; max-width: 160px; } } .pageHero__breadcrumb ul li:last-child::after { display: none; } /* In-flow separator: same space on both sides. */ .pageHero__breadcrumb ul li::after { content: "/"; display: inline-block; vertical-align: top; margin: 0 10px; color: #c5c5c5; } @media (max-width: 767px) { .pageHero__breadcrumb ul li::after { margin: 0 7px; font-size: var(--text-xs); } } @media (max-width: 575px) { .pageHero__breadcrumb ul li::after { margin: 0 6px; font-size: var(--text-xxs); } } .pageHero__breadcrumb ul li a { font-size: var(--text-base); line-height: 27px; font-weight: 600; color: #333333; display: inline-block; vertical-align: top; max-width: 100%; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 767px) { .pageHero__breadcrumb ul li a { font-size: var(--text-xs); line-height: 18px; } } @media (max-width: 575px) { .pageHero__breadcrumb ul li a { font-size: var(--text-xxs); line-height: 16px; } } .pageHero__breadcrumb ul li a:hover { color: var(--color-primary); } .pageHero__breadcrumb ul li a::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; content: ""; background: linear-gradient(261.52deg, #8ab0db 14.51%, #386bb7 95.96%); } .pageHero__outlineText { position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(180deg); line-height: 0.85; font-size: var(--outline-font-size, 2rem); font-weight: 600; color: transparent; -webkit-text-stroke: 1px #fff; white-space: nowrap; -webkit-text-orientation: mixed; text-orientation: mixed; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-orientation: mixed; opacity: 0.9; max-height: 90%; overflow: hidden; } @media (max-width: 1199px) { .pageHero__outlineText { opacity: 0.7; } } @media (max-width: 991px) { .pageHero__outlineText { opacity: 0.6; } } @media (max-width: 767px) { .pageHero__outlineText { opacity: 0.5; } } .pageHero__title-row { display: flex; align-items: center; gap: 1.5rem; } .pageHero__title-row > h1, .pageHero__title-row > h2, .pageHero__title-row > h3 { margin-bottom: 0; } .pageHero__cofunders { display: flex; align-items: center; gap: 0.75rem; flex-shrink: 0; } .pageHero__cofunder { display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 8px; padding: 5px 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10); } .pageHero__cofunder img { max-height: 48px; max-width: 130px; width: auto; height: auto; object-fit: contain; display: block; } @media (max-width: 575px) { .pageHero--section { padding: 0 10px 15px; } .pageHero__wrapper { border-radius: 12px; min-height: 120px; } .pageHero__content { padding: 1.25rem 1rem; } .pageHero__content-text h1, .pageHero__content-text h2 { font-size: 1.5rem !important; line-height: 1.2; } .pageHero__breadcrumb { right: 0.75rem; padding: 6px 12px 8px 16px; border-radius: 12px 12px 0 0; max-width: calc(100% - 1.5rem); } .pageHero__breadcrumb ul li { font-size: 0.75rem; } .pageHero__breadcrumb ul li::after { font-size: 0.65rem; margin: 0 4px; } .pageHero__outlineText { font-size: 1rem !important; opacity: 0.4; right: -2px; } .pageHero__title-row { flex-wrap: wrap; gap: 0.75rem; } .pageHero__cofunder img { max-height: 36px; max-width: 100px; } } .project--section { padding: 4rem 0px 4rem; } /* @media (max-width: 1599px) { .project--section { padding: 140px 0px 100px; } } @media (max-width: 1199px) { .project--section { padding: 100px 0px 80px; } } @media (max-width: 991px) { .project--section { padding: 70px 0px 60px; } } */ .project__cursor { width: 115px; height: 115px; border-radius: 50%; background-color: var(--color-text); color: #fff; font-size: var(--text-base); line-height: 26px; display: flex; align-items: center; justify-content: center; z-index: 1111; position: fixed; top: 0; left: 0; pointer-events: none; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.2s ease; } .project__items-row { margin-bottom: 110px; } @media (max-width: 1199px) { .project__items-row { margin-bottom: 70px; } } @media (max-width: 991px) { .project__items-row { margin-bottom: 40px; } } .project__info-wrapper { margin-bottom: 140px; } @media (max-width: 1399px) { .project__info-wrapper { margin-bottom: 100px; } } @media (max-width: 1199px) { .project__info-wrapper { margin-bottom: 70px; } } .project__info-media { max-width: 575px; width: 100%; position: relative; margin-bottom: 30px; } @media (max-width: 991px) { .project__info-media { max-width: 100%; } } .project__info-media:hover>.videoPlayBtn { color: var(--color-primary); } .project__info-media:hover>.videoPlayBtn span.icon { background-image: none; background-color: #f0f2f4; } .project__info-media .videoPlayBtn { background-color: #fff; padding: 30px 50px 24px; display: flex; align-items: center; gap: 15px; border-top-left-radius: 25px; border-bottom-right-radius: 20px; position: absolute; right: 0; bottom: 0; font-weight: 600; color: #333333; transition: all 0.3s ease; } .project__info-media .videoPlayBtn span.icon { width: 28px; height: 28px; border-radius: 50%; background-image: url("../images/icons/video-play-border-gray.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center; display: flex; align-items: center; justify-content: center; padding: 1px; transition: all 0.3s ease; } .project__info-media .videoPlayBtn::before, .project__info-media .videoPlayBtn::after { content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; } .project__info-media .videoPlayBtn::before { bottom: 100% !important; bottom: initial; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #ffffff; right: 0; } .project__info-media .videoPlayBtn::after { border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #ffffff; right: 100%; } .project__info-media-img { width: 100%; height: 450px; border-radius: 25px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 767px) { .project__info-media-img { height: 340px; } } .card__project { padding: 0 0 107.25% 0; position: relative; height: 0; overflow: hidden; margin-bottom: 30px; display: block; color: var(--color-text); } .card__project:hover .card__thumb img { transform: scale(1.1); -webkit-filter: blur(10px); filter: blur(10px); } .card__project--sm { padding: 0 0 66.811% 0; } .card__project--lg { padding: 0 0 107.25% 0; } .card__project .card__thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .card__project .card__thumb img { transition: all 0.3s ease; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card__project .card__content { padding: 36px 34px 27px 20px; border-radius: 0 25px 0 0; position: absolute; left: 0; bottom: 0; background-color: #fff; z-index: 2; } @media (max-width: 991px) { .card__project .card__content { padding: 24px 24px 24px 20px; font-size: var(--text-lg); } } .card__project .card__content::before, .card__project .card__content::after { content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; } .card__project .card__content::before { bottom: 100% !important; bottom: initial; border-bottom-left-radius: 20px; box-shadow: 0 20px 0 0 #ffffff; left: 0; } .card__project .card__content::after { left: 100%; border-bottom-left-radius: 20px; box-shadow: 0 20px 0 0 #ffffff; } .card__project .card__content-text { font-size: var(--text-2xl); line-height: 25px; letter-spacing: -0.03em; } @media (max-width: 991px) { .nav-mobile-sidebar { position: fixed; right: 0; width: 100%; max-width: 320px; background: #fff; z-index: 1111111; top: 0; padding: 24px 24px; overflow-y: scroll; transition: all 0.3s ease; height: 100%; transform: translateX(100%); } .nav-mobile-sidebar.active { transform: translateX(0); } } .nav-mobile-sidebar__toggle { position: fixed; right: 0; top: 50%; transform: translateY(-50%); border: 1px solid #333333; padding: 5px 5px; font-size: var(--text-3xl); background-color: #fff; color: #333333; z-index: 12; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .blog__details-thumb__wrapper { background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 25px; background-color: #e0e0e0; display: flex; align-items: center; height: 474px; position: relative; overflow: hidden; padding: 0px 45px 40px; } @media (max-width: 1399px) { .blog__details-thumb__wrapper { padding: 0px 15px 20px; } } @media (max-width: 1199px) { .blog__details-thumb__wrapper { height: 400px; } } @media (max-width: 991px) { .blog__details-thumb__wrapper { height: 380px; } } @media (max-width: 767px) { .blog__details-thumb__wrapper { height: 280px; } } .blog__details-thumb__content-text span.icon { margin-bottom: 24px; } @media (max-width: 767px) { .blog__details-thumb__content-text h2 { font-size: 36px !important; } } .blog__details-thumb__content .d-flex.align-items-end { position: absolute; bottom: 0; left: 0; gap: 3px; } @media (max-width: 767px) { .blog__details-thumb__content .d-flex.align-items-end { gap: 8px; } } .blog__details-thumb__breadcrumb { position: relative; background-color: #ffffff; padding: 10px 24px 3px; border-radius: 25px 25px 0 0; flex-shrink: 0; } @media (max-width: 767px) { .blog__details-thumb__breadcrumb { padding: 8px 16px 3px; } } .blog__details-thumb__breadcrumb::before, .blog__details-thumb__breadcrumb::after { content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px; } .blog__details-thumb__breadcrumb::after { box-shadow: 0 20px 0 0 #ffffff; border-bottom-left-radius: 20px; left: 100%; } .blog__details-thumb__breadcrumb ul { display: flex; align-items: center; } .blog__details-thumb__breadcrumb ul li { font-size: var(--text-base); line-height: 2rem; font-weight: 500; color: #9b9b9b; position: relative; padding: 0px 6px; } .blog__details-thumb__breadcrumb ul li:first-child { padding-left: 0px; } .blog__details-thumb__breadcrumb ul li:last-child { padding-right: 0px; } .blog__details-thumb__breadcrumb ul li:last-child::after { display: none; } .blog__details-thumb__breadcrumb ul li::after { position: absolute; content: "/"; right: -3px; top: 0; color: #c5c5c5; } .blog__details-thumb__breadcrumb ul li a { font-size: var(--text-base); line-height: 27px; font-weight: 600; color: #333333; display: block; position: relative; } .blog__details-thumb__breadcrumb ul li a:hover { color: var(--color-primary); } .blog__details-thumb__breadcrumb ul li a::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; content: ""; background: linear-gradient(261.52deg, #8ab0db 14.51%, #386bb7 95.96%); } .blog__details-thumb__categories .tag { display: inline-block; margin: 0 4px 3px 0; font-size: var(--text-base); line-height: 2.1428em; font-weight: 500; padding: .3571em 1.3571em; text-align: center; border-radius: 25px; transition: color 0.3s, background-color 0.3s; } .blog__details-thumb__categories .tag:hover { background-color: #ffffff; color: var(--color-primary); transform: translateY(-2px); } @media (max-width: 767px) { .blog__details-thumb__categories { flex-wrap: wrap; justify-content: flex-end; } .blog__details-thumb__categories .tag { font-size: var(--text-xxs); padding: 4px 8px; white-space: nowrap; } } .blog__details-thumb__outlineText { position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(180deg); line-height: 0.8; font-size: 2rem; font-weight: 600; color: transparent; -webkit-text-stroke: 1px #fff; white-space: nowrap; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; text-orientation: mixed; padding: 0 30px; } @media (max-width: 767px) { .blog__details-thumb__outlineText { opacity: 0.5; } } .blog__details-text ul { list-style: none; padding: 0; margin: 1.5rem 0; } .blog__details-text ul li { position: relative; padding-left: 1.25rem; margin-bottom: 0.75rem; font-size: var(--text-lg); line-height: 1.7; color: #333; } .blog__details-text ul li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 8px; height: 8px; background-image: url("../images/icons/arrow-right-icons.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; } .blog__details-text ul li strong { color: #111; font-weight: 600; } .blog__details-text .blockquote { background-color: #f0f2f4; padding: 40px 48px; border-radius: 20px; display: flex; gap: 24px; align-items: flex-start; margin: 2rem 0; } .blog__details-text .blockquote__icon { flex: 0 0 auto; width: 48px; height: 48px; } .blog__details-text .blockquote__icon img, .blog__details-text .blockquote__icon svg { width: 100%; height: 100%; } .blog__details-text .blockquote__content { flex: 1; } .blog__details-text .blockquote__content p { font-size: var(--text-2xl); line-height: 1.5; color: #333; font-weight: 600; margin-bottom: 12px; quotes: "\201C""\201D"; } .blog__details-text .blockquote__content p::before { content: open-quote; } .blog__details-text .blockquote__content p::after { content: close-quote; } .blog__details-text .blockquote__content cite { font-size: var(--text-base); color: #666; display: block; font-style: italic; margin-top: 8px; } .blog__details-text .blockquote__content cite::before { content: "— "; } @media (max-width: 767px) { .blog__details-text .blockquote { flex-direction: column; padding: 24px; gap: 16px; } .blog__details-text .blockquote__icon { width: 36px; height: 36px; } .blog__details-text .blockquote__content p { font-size: var(--text-xl); } } @media (max-width: 1200px) { .page__container .row.g-4 { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; } .service__intro h2 { font-size: var(--text-6xl); } .service__section .section__title { font-size: var(--text-5xl); } .service__intro__lead { font-size: var(--text-base); max-width: 95%; } } @media (max-width: 991px) { .page__container { padding: 50px 4%; } .service__intro h2 { font-size: var(--text-5xl); } .service__section .section__title { font-size: var(--text-4xl); } } @media (max-width: 767px) { .page__container { padding: 40px 20px; } } .service__intro { padding: 0 0 40px; margin-bottom: 40px; } .service__intro .section__subtitle { color: #666; font-size: var(--text-xs); letter-spacing: 1.5px; text-transform: lowercase; font-weight: 500; margin-bottom: 20px; display: inline-block; } .service__intro h2 { font-size: var(--text-6xl); line-height: 1.3; font-weight: 400; color: var(--color-text); margin-bottom: 20px; } .service__intro__lead { font-size: var(--text-md); line-height: 1.8; color: #666; font-weight: 400; margin-bottom: 30px; max-width: 90%; } .service__intro__badges { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; } .service__badge { background-color: #f0f2f4; border-radius: 8px; padding: 12px 20px; display: inline-flex; align-items: center; gap: 10px; font-size: var(--text-base); color: var(--color-text); transition: all 0.3s ease; cursor: default; } .service__badge i { font-size: var(--text-2xl); color: var(--color-primary); transition: transform 0.3s ease; } .service__badge:hover i { transform: scale(1.15); } .service__badge strong { font-weight: 600; } .service__section { padding: 40px 0; } .service__section .section__head { margin-bottom: 20px; } .service__section .section__title { font-size: 38px; line-height: 1.35; font-weight: 400; color: #1f1f1f; margin-bottom: 20px; } .service__text { color: #666; line-height: 1.7; font-size: var(--text-md); } .service__text p { margin-bottom: 20px; } .service__text strong { color: #1f1f1f; font-weight: 600; } .highlight-box { background-color: #f0f2f4; padding: 30px 25px; border-radius: 16px; margin: 30px 0; display: flex; align-items: flex-start; gap: 20px; } .highlight-box i { font-size: var(--text-6xl); color: var(--color-primary); flex-shrink: 0; } .highlight-box p { margin: 0; color: #666; line-height: 1.8; font-size: var(--text-lg); font-weight: 400; flex: 1; } .highlight-box strong { color: var(--color-text); font-weight: 600; display: block; margin-bottom: 10px; font-size: var(--text-lg); } @media (max-width: 1200px) { .highlight-box { padding: 25px 20px; gap: 16px; } .highlight-box i { font-size: var(--text-5xl); } .highlight-box p { font-size: var(--text-md); } .highlight-box strong { font-size: var(--text-lg); } } .service__equipment { background-color: #f0f2f4; padding: 40px !important; margin: 40px 0 !important; border-radius: 20px; } .service__equipment__content { padding-right: 2rem; } .service__equipment__label { display: inline-block; font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; color: var(--color-text); margin-bottom: 1rem; padding: 6px 16px; background-color: #fff; border-radius: 20px; } .service__equipment__title { font-size: var(--text-5xl); font-weight: 600; color: var(--color-text); margin-bottom: 1.5rem; line-height: 1.3; } .service__equipment__desc { font-size: var(--text-lg); color: #666; line-height: 1.8; margin-bottom: 1.5rem; } .service__equipment__list { list-style: none; padding: 0; margin: 0 0 1.5rem 0; } .service__equipment__list li { display: flex; align-items: center; gap: 12px; font-size: var(--text-md); color: var(--color-text); margin-bottom: 12px; font-weight: 500; } .service__equipment__list li i { font-size: var(--text-2xl); color: var(--color-text); background-color: #fff; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .service__equipment__thumbnail { position: relative; width: 100%; aspect-ratio: 16/9; border-radius: 16px; overflow: hidden; cursor: pointer; transition: all 0.3s ease; display: block; border: none; outline: none; text-decoration: none; } .service__equipment__thumbnail:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(56, 107, 183, 0.2); } .service__equipment__thumbnail:focus { outline: none; border: none; } .service__equipment__thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 0.5s ease; } .service__equipment__thumbnail:hover img { transform: scale(1.05); } .service__equipment__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; transition: all 0.3s ease; } .service__equipment__thumbnail:hover .service__equipment__play { transform: translate(-50%, -50%) scale(1.1); background-color: var(--color-primary); } .service__equipment__play i { font-size: var(--text-6xl); color: var(--color-text); margin-left: 4px; transition: color 0.3s ease; } .service__equipment__thumbnail:hover .service__equipment__play i { color: #fff; } .service__equipment__duration { position: absolute; bottom: 20px; right: 20px; background-color: var(--color-text); color: #fff; padding: 6px 12px; border-radius: 6px; font-size: var(--text-sm); font-weight: 600; z-index: 2; } @media (max-width: 991px) { .service__equipment { padding: 30px 1.5rem !important; margin: 30px 0 !important; } .service__equipment__content { padding-right: 0; margin-bottom: 1.5rem; } .service__equipment__title { font-size: var(--text-4xl); } } @media (max-width: 767px) { .service__equipment { padding: 25px 1rem !important; margin: 20px 0 !important; } .service__equipment__content { margin-bottom: 1rem; } .service__equipment__title { font-size: var(--text-3xl); } .service__equipment__desc { font-size: var(--text-md); } .service__equipment__play { width: 60px; height: 60px; } .service__equipment__play i { font-size: var(--text-4xl); } } .expertise-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 1.5rem; } .expertise-cards--count-1 { grid-template-columns: 1fr; max-width: 500px; margin-left: auto; margin-right: auto; } .expertise-cards--count-2 { grid-template-columns: repeat(2, 1fr); max-width: 800px; margin-left: auto; margin-right: auto; } .expertise-card { display: flex; flex-direction: column; background-color: #fff; border-radius: 10px; overflow: hidden; border: 1px solid #e5e7eb; transition: all 0.3s ease; } .expertise-card:hover { box-shadow: 0 4px 12px rgba(56, 107, 183, 0.15); } .expertise-card__image { position: relative; width: 100%; height: 160px; overflow: hidden; background-color: #f5f5f5; } .expertise-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .expertise-card__badge { position: absolute; top: 0.5rem; right: 0.5rem; display: inline-block; font-size: 0.5rem; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; padding: 0 0.5rem; background-color: rgba(31, 31, 31, 0.85); border-radius: 3px; z-index: 1; } .expertise-card__content { display: flex; flex-direction: column; padding: 1rem 1.125rem 1.125rem; flex: 1; } .expertise-card__title { font-size: 1.0625rem; font-weight: 600; color: var(--color-text); margin: 0 0 0.875rem 0; line-height: 1.4; } .expertise-card__body { font-size: var(--text-md); /* 15px */ line-height: 1.65; color: #4b5563; margin: 0 0 0.875rem 0; } .expertise-card__body strong { color: #374151; font-weight: 600; } .expertise-card__footer { margin-top: auto; } .expertise-card__conclusion { display: flex; align-items: flex-start; gap: 0.625rem; font-size: var(--text-sm); line-height: 1.6; color: var(--color-text); padding: 0.875rem; background-color: #f0f2f4; border-radius: 6px; } .expertise-card__conclusion i { color: var(--color-primary); font-size: var(--text-lg); flex-shrink: 0; margin-top: 2px; } .expertise-card__conclusion strong { font-weight: 600; } @media (max-width: 1199px) { .expertise-cards { gap: 1.25rem; } .expertise-card__title { font-size: var(--text-md); } .expertise-card__body, .expertise-card__conclusion { font-size: var(--text-sm); /* 13px */ } } @media (max-width: 991px) { .expertise-cards { grid-template-columns: repeat(2, 1fr); } .expertise-cards--count-1 { grid-template-columns: 1fr; } .expertise-cards--count-2 { grid-template-columns: repeat(2, 1fr); } .expertise-card__image { height: 140px; } .expertise-card__content { padding: 0.875rem 1rem 1rem; } } @media (max-width: 767px) { .expertise-cards { grid-template-columns: 1fr; } .expertise-cards--count-1, .expertise-cards--count-2 { grid-template-columns: 1fr; max-width: 100%; } .expertise-card__image { height: 180px; } .expertise-card__content { padding: 1rem 1.125rem 1.125rem; } .expertise-card__title { font-size: var(--text-lg); } .expertise-card__body, .expertise-card__conclusion { font-size: var(--text-base); /* 14px */ } } .service__advantages { padding: 0; margin-bottom: 3rem; } .service__advantages .section__head { margin-bottom: 40px; } .advantage-card { background: #fff; padding: 30px 0; border-bottom: 1px solid #e5e7eb; display: flex; align-items: flex-start; gap: 20px; transition: all 0.3s ease; } .advantage-card:first-child { border-top: 1px solid #e5e7eb; } .advantage-card:hover { background-color: #f0f2f4; } .advantage-card__icon { width: 60px; height: 60px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .advantage-card__icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .advantage-card__content { flex: 1; padding-top: 5px; } .advantage-card__title { font-size: var(--text-xl); font-weight: 600; color: var(--color-text); margin-bottom: 12px; line-height: 1.4; } .advantage-card__desc { font-size: var(--text-md); color: #666; line-height: 1.8; margin: 0; font-weight: 400; } .expertise-timeline { position: relative; display: grid; grid-template-columns: repeat(var(--steps-count, 4), 1fr); gap: 0; margin: 2rem 0; padding: 0 2rem; } .expertise-timeline::before { content: ''; position: absolute; top: 28px; left: 10%; right: 10%; height: 2px; background-color: var(--color-text); z-index: 0; } .expertise-timeline::after { content: ''; position: absolute; top: 28px; left: 0; width: 10%; height: 2px; background: repeating-linear-gradient(90deg, #111111 0, #111111 8px, transparent 8px, transparent 16px); z-index: 0; } .expertise-timeline__end { position: absolute; top: 28px; right: 0; width: 10%; height: 2px; background: repeating-linear-gradient(90deg, #111111 0, #111111 8px, transparent 8px, transparent 16px); z-index: 0; } .timeline-step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; z-index: 1; transition: all 0.3s ease; } .timeline-step:hover .timeline-step__number { transform: scale(1.15); background-color: var(--color-primary); } .timeline-step__number { width: 56px; height: 56px; background-color: var(--color-text); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: var(--text-xl); font-weight: 700; color: #fff; margin-bottom: 2rem; position: relative; z-index: 2; transition: all 0.3s ease; } .timeline-step__content { max-width: 90%; } .timeline-step__title { font-size: var(--text-lg); font-weight: 600; color: var(--color-text); margin: 0 0 0.75rem 0; line-height: 1.4; } .timeline-step__desc { font-size: var(--text-base); line-height: 1.6; color: var(--color-text-light); margin: 0; } @media (max-width: 1200px) { .expertise-timeline { padding: 0 1rem; } .timeline-step__number { width: 52px; height: 52px; font-size: var(--text-xl); } .timeline-step__title { font-size: var(--text-md); } .timeline-step__desc { font-size: var(--text-sm); } } @media (max-width: 991px) { .expertise-timeline { grid-template-columns: repeat(2, 1fr); gap: 2rem 1.5rem; padding: 0 1rem; margin: 1.5rem 0; } .expertise-timeline[style*="--steps-count: 3"] { grid-template-columns: 1fr; gap: 1.5rem; } .expertise-timeline::before, .expertise-timeline::after, .expertise-timeline__end { display: none; } .timeline-step__number { width: 50px; height: 50px; font-size: var(--text-lg); margin-bottom: 1.5rem; } .timeline-step__title { font-size: var(--text-md); } .timeline-step__desc { font-size: var(--text-sm); } } @media (max-width: 767px) { .expertise-timeline { grid-template-columns: 1fr; gap: 1.5rem; padding: 0; margin: 1rem 0; } .timeline-step__content { max-width: 100%; } } @media (min-width: 992px) { .sidebar-sticky-col { position: -webkit-sticky !important; position: sticky !important; top: 100px !important; align-self: flex-start !important; } } .widget-contact { background: #fff !important; padding: 30px !important; border-radius: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .widget-contact .widget-title { font-size: var(--text-2xl); font-weight: 600; color: #1f1f1f; margin-bottom: 8px; } .widget-contact .widget-subtitle { font-size: var(--text-base); color: #666; margin-bottom: 24px; line-height: 1.5; } .contact-sidebar-form .form-label { font-size: var(--text-sm); font-weight: 500; color: #333; margin-bottom: 6px; display: block; } .contact-sidebar-form .row { margin-left: -8px; margin-right: -8px; } .contact-sidebar-form .row>[class*='col-'] { padding-left: 8px; padding-right: 8px; } .contact-sidebar-form .form-control { width: 100%; padding: 10px 14px; border: 1px solid #e5e7eb; border-radius: 8px; font-size: var(--text-base); transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; background: #f9fafb; height: 50px; } .contact-sidebar-form .form-control:focus { outline: none; border-color: var(--color-primary); background-color: #fff; box-shadow: 0 0 0 3px rgba(56, 107, 183, 0.1); } .contact-sidebar-form textarea.form-control { resize: vertical; min-height: 6.5rem; } .contact-sidebar-form .form-check { padding-left: 0; display: flex; align-items: flex-start; gap: 10px; } .contact-sidebar-form .form-check-input { width: 18px; height: 18px; min-width: 18px; margin-top: 2px; border: 2px solid #d1d5db; cursor: pointer; flex-shrink: 0; } .contact-sidebar-form .form-check-input:checked { background-color: var(--color-primary); border-color: var(--color-primary); } .contact-sidebar-form .form-check-input:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(56, 107, 183, 0.1); } .contact-sidebar-form .form-check-label { cursor: pointer; margin-left: 0; flex: 1; } .contact-sidebar-form .form-check-label a { transition: opacity 0.2s ease; } .contact-sidebar-form .form-check-label a:hover { opacity: 0.8; } .contact-sidebar-form .btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .form-step { display: none; } .form-step.active { display: block; } @-webkit-keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(56, 107, 183, 0.4); } 50% { transform: scale(1.02); box-shadow: 0 0 0 8px rgba(56, 107, 183, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(56, 107, 183, 0); } } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(56, 107, 183, 0.4); } 50% { transform: scale(1.02); box-shadow: 0 0 0 8px rgba(56, 107, 183, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(56, 107, 183, 0); } } .request-type-selector { display: grid; gap: 12px; margin-bottom: 0; } .request-type-option { background: #f9fafb; border: 2px solid #e5e7eb; border-radius: 8px; padding: 20px; cursor: pointer; transition: all 0.3s ease; text-align: center; } .request-type-option:hover { border-color: var(--color-primary); background: #f0f4fb; transform: translateY(-2px); } .request-type-option input[type="radio"] { display: none; } .request-type-option input[type="radio"]:checked+.request-type-content { color: var(--color-primary); } .request-type-option input[type="radio"]:checked+.request-type-content .request-type-icon { background: #386bb7; border-color: var(--color-primary); } .request-type-option input[type="radio"]:checked+.request-type-content .request-type-icon i { color: #fff; } .request-type-icon { width: 50px; height: 50px; margin: 0 auto 12px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid #e5e7eb; transition: all 0.3s ease; } .request-type-icon i { font-size: var(--text-3xl); color: #666; transition: color 0.3s ease; } .request-type-title { font-size: var(--text-lg); font-weight: 600; color: #111; margin-bottom: 6px; } .request-type-desc { font-size: var(--text-sm); color: #666; margin: 0; line-height: 1.5; } .form-navigation { display: flex; gap: 10px; margin-top: 20px; } .form-navigation .btn { flex: 1; } .form-navigation .btn--secondary { background: #f0f2f4; color: #333; border: none; } .form-navigation .btn--secondary:hover { background: #e5e7eb; color: #333; transform: translateY(-2px); } .file-upload-wrapper { margin-bottom: 14px; } .contact--section .form-group .file-upload-wrapper { margin-top: -1rem; } .file-upload-area { border: 1px dashed #d1d5db; border-radius: 5px; padding: 12px 12px; background: #fafbfc; text-align: center; cursor: pointer; transition: all 0.3s ease; } .file-upload-area:hover { border-color: var(--color-primary); background: #f6f8fa; } .file-upload-icon { font-size: var(--text-3xl); color: #9ca3af; margin-bottom: 6px; } .file-upload-text { font-size: var(--text-xs); font-weight: 500; color: #4b5563; margin: 0 0 2px 0; } .file-upload-hint { font-size: var(--text-xxs); color: #9ca3af; margin: 0; } .file-list { margin-top: 8px; display: flex; flex-direction: column; gap: 4px; max-height: 80px; overflow-y: auto; } .file-list::-webkit-scrollbar { width: 3px; } .file-list::-webkit-scrollbar-track { background: #f1f1f1; } .file-list::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; } .file-item { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px; background: #f5f5f6; border-radius: 3px; font-size: var(--text-xs); border: 1px solid #e8eaed; } .file-item-info { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; } .file-item-icon { color: var(--color-text-light); font-size: var(--text-base); flex-shrink: 0; } .file-item-name { color: #4b5563; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--text-xs); } .file-item-size { color: #9ca3af; font-size: 9px; margin-left: 4px; flex-shrink: 0; } .file-item-remove { background: none; border: none; color: #ef4444; cursor: pointer; padding: 2px; font-size: var(--text-base); line-height: 1; transition: opacity 0.2s; flex-shrink: 0; } .file-item-remove:hover { opacity: 0.7; } .file-upload-area.has-files { padding: 8px; display: flex; flex-direction: row; gap: 8px; align-items: stretch; } .file-upload-area.has-files .file-upload-content { padding: 8px; background: #f0f4f6; border: 1px dashed #d1d5db; border-radius: 3px; cursor: pointer; transition: all 0.2s ease; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .file-upload-area.has-files .file-upload-content:hover { background: #e8ecf0; border-color: var(--color-primary); } .file-upload-area.has-files .file-upload-icon { font-size: var(--text-2xl); margin-bottom: 4px; } .file-upload-area.has-files .file-upload-text { font-size: var(--text-xs); margin: 0 0 4px 0; font-weight: 600; text-align: center; } .file-upload-area.has-files .file-upload-hint { display: block; font-size: 9px; color: #9ca3af; margin: 0; text-align: center; } .file-upload-area.has-files .file-list { flex: 1; margin-top: 0; max-height: 7.2rem; overflow-y: auto; } @media (max-height: 900px) and (min-width: 992px) { .service__equipment { padding: 30px 1.5rem !important; margin: 30px 0 !important; } .service__equipment__content { padding-right: 0; margin-bottom: 1.5rem; } .service__equipment__title { font-size: var(--text-4xl); } .expertise-timeline { grid-template-columns: repeat(2, 1fr); gap: 2rem 1.5rem; padding: 0 1rem; margin: 1.5rem 0; } .expertise-timeline[style*="--steps-count: 3"] { grid-template-columns: 1fr; gap: 1.5rem; } .expertise-timeline::before, .expertise-timeline::after, .expertise-timeline__end { display: none; } .timeline-step__number { width: 50px; height: 50px; font-size: var(--text-lg); margin-bottom: 1.5rem; } .timeline-step__title { font-size: var(--text-md); } .timeline-step__desc { font-size: var(--text-sm); } .expertise-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.875rem; } .expertise-cards--count-1 { grid-template-columns: 1fr; } .expertise-cards--count-2 { grid-template-columns: repeat(2, 1fr); } .expertise-card__image { height: 110px; } .expertise-card__content { padding: 0.875rem 0.875rem 1rem; } .expertise-card__title { font-size: var(--text-base); margin-bottom: 0.5rem; } .expertise-card__body { font-size: var(--text-sm); /* 13px */ line-height: 1.55; margin-bottom: 0.625rem; } .expertise-card__conclusion { font-size: var(--text-sm); /* 13px */ padding: 0.625rem 0.75rem; gap: 0.5rem; } .expertise-card__conclusion i { font-size: var(--text-base); } .expertise-card__badge { font-size: 0.5rem; padding: 0.25rem 0.5rem; } .widget-preview-bubble { display: none; } .contact-widget-trigger { position: relative; } .contact-widget-trigger::after { content: '1'; position: absolute; top: -2px; right: -2px; background: #ef4444; color: #fff; font-size: var(--text-xxs); font-weight: 600; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; -webkit-animation: pulse-badge 2s infinite; animation: pulse-badge 2s infinite; } @-webkit-keyframes pulse-badge { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); } 50% { transform: scale(1.05); box-shadow: 0 0 0 4px rgba(239, 68, 68, 0); } } @keyframes pulse-badge { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); } 50% { transform: scale(1.05); box-shadow: 0 0 0 4px rgba(239, 68, 68, 0); } } .widget-contact { padding: 16px !important; } .widget-contact .widget-title { font-size: var(--text-xl); margin-bottom: 4px; } .widget-contact .widget-subtitle { font-size: var(--text-xs); margin-bottom: 12px; } .contact-sidebar-form .form-label { font-size: var(--text-xs); margin-bottom: 3px; } .contact-sidebar-form .form-control { padding: 7px 10px; font-size: var(--text-xs); height: 36px; } .contact-sidebar-form .mb-3 { margin-bottom: 8px !important; } .request-type-selector { gap: 8px; margin-bottom: 0; } .request-type-option { padding: 12px; } .request-type-icon { width: 40px; height: 40px; margin: 0 auto 8px; } .request-type-icon i { font-size: var(--text-2xl); } .request-type-title { font-size: var(--text-sm); margin-bottom: 3px; } .request-type-desc { font-size: var(--text-xs); } .file-upload-wrapper { margin-bottom: 8px; } .file-upload-area { padding: 10px; } .file-upload-icon { font-size: var(--text-2xl); margin-bottom: 4px; } .file-upload-text { font-size: var(--text-xs); margin-bottom: 2px; } .file-upload-hint { font-size: 9px; } .file-upload-area.has-files { padding: 6px; gap: 6px; } .file-upload-area.has-files .file-upload-content { padding: 6px; } .file-upload-area.has-files .file-list { max-height: 7rem; } .contact-sidebar-form .form-check { margin-bottom: 8px !important; } .contact-sidebar-form .form-check-label { font-size: var(--text-xs); line-height: 1.4; } .contact-sidebar-form .form-check-input { width: 16px; height: 16px; min-width: 16px; } .form-navigation { margin-top: 12px; } .form-navigation .btn { padding: 8px 16px; font-size: var(--text-sm); } .form-navigation .btn i { font-size: var(--text-base); } } @media (max-width: 1200px) { .widget-contact { padding: 20px !important; } .contact-sidebar-form .form-control { padding: 9px 12px; font-size: var(--text-sm); } .contact-sidebar-form .form-label { font-size: var(--text-xs); } .request-type-option { padding: 16px; } .request-type-icon { width: 45px; height: 45px; } .request-type-icon i { font-size: var(--text-2xl); } .request-type-title { font-size: var(--text-md); } .request-type-desc { font-size: var(--text-xs); } .file-upload-area { padding: 10px 10px; } .file-upload-icon { font-size: var(--text-2xl); margin-bottom: 5px; } .file-upload-text { font-size: var(--text-xs); } .file-upload-hint { font-size: var(--text-xxs); } } @media (max-width: 991px) { .sidebar-sticky-col { margin-top: 40px; } .widget-contact .widget-title { font-size: var(--text-2xl); } .widget-contact { padding: 20px !important; } .contact-sidebar-form .row { margin-left: -6px; margin-right: -6px; } .contact-sidebar-form .row>[class*='col-'] { padding-left: 6px; padding-right: 6px; } } @media (max-width: 767px) { .service .col-lg-8 { width: 100%; max-width: 100%; flex: 0 0 100%; } .contact-sidebar-form .row { margin-left: 0; margin-right: 0; } .contact-sidebar-form .row>[class*='col-'] { padding-left: 0; padding-right: 0; } .widget-contact { padding: 16px !important; } .request-type-option { padding: 14px; } .request-type-icon { width: 40px; height: 40px; margin-bottom: 10px; } .request-type-icon i { font-size: var(--text-2xl); } .request-type-title { font-size: var(--text-base); margin-bottom: 4px; } .request-type-desc { font-size: var(--text-xs); } .file-upload-area { padding: 10px 8px; } .file-upload-icon { font-size: var(--text-2xl); margin-bottom: 4px; } .file-upload-text { font-size: var(--text-xs); } .file-upload-hint { font-size: 9px; } .file-upload-area.has-files { flex-direction: column; gap: 6px; } .file-upload-area.has-files .file-upload-content { width: 100%; min-width: auto; } .file-upload-area.has-files .file-list { max-height: 50px; } .form-navigation .btn { font-size: var(--text-sm); padding: 10px 16px; } .form-navigation .btn i { font-size: var(--text-base); } .service__intro { padding: 0 0 40px; } .service__intro h2 { font-size: var(--text-5xl); } .service__intro__badges { flex-direction: column; gap: 12px; } .service__badge { width: 100%; } .service__section { padding: 25px 0; } .service__section .section__head { margin-bottom: 15px; } .service__section .section__title { font-size: var(--text-4xl); } .advantage-card { padding: 20px 0; flex-direction: column; gap: 15px; } .advantage-card__icon { width: 50px; height: 50px; } .advantage-card__title { font-size: var(--text-lg); } .highlight-box { flex-direction: column; padding: 25px 20px; gap: 15px; margin: 20px 0; } .highlight-box i { font-size: var(--text-5xl); } .highlight-box p { font-size: var(--text-md); } .highlight-box strong { font-size: var(--text-lg); } } .language-switcher { position: relative; display: inline-block; } .language-switcher__toggle { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; background: transparent; border: 1px solid #dadada; border-radius: 100px; cursor: pointer; transition: 0.3s; font-size: var(--text-base); font-weight: 500; font-family: "Manrope", sans-serif; color: var(--color-text); } .language-switcher__toggle:hover { border-color: var(--color-primary); } .language-switcher.active .language-switcher__toggle { border-color: var(--color-primary); } .language-switcher__flag { width: 20px; height: 14px; border-radius: 2px; flex-shrink: 0; } .language-switcher__current { font-size: var(--text-base); font-weight: 500; color: var(--color-text); } .language-switcher__arrow { width: 7px; height: 4px; color: var(--color-text); opacity: 0.6; transition: 0.3s; } .language-switcher.active .language-switcher__arrow { transform: rotate(180deg); } .language-switcher__dropdown { position: absolute; top: calc(100% + 10px); right: 0; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); padding: 4px; min-width: 140px; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 1000; } .language-switcher.active .language-switcher__dropdown { opacity: 1; visibility: visible; } .language-switcher__option { display: flex; align-items: center; gap: 10px; padding: 10px 12px; color: var(--color-text); font-size: var(--text-base); font-family: "Manrope", sans-serif; font-weight: 500; border-radius: 6px; transition: 0.3s; text-decoration: none; cursor: pointer; } .language-switcher__option:hover { background: #f5f5f5; } .language-switcher__option.active { background: #386bb7; color: #fff; } .language-switcher__option .language-switcher__flag { width: 20px; height: 14px; border-radius: 2px; } .language-switcher__name { font-size: var(--text-base); } @media (max-width: 991px) { .language-switcher__dropdown { right: 0; } } @media (max-width: 1199px) { .offcanvas-body .language-switcher__toggle { padding: 9px 24px 11px; } } @media (max-width: 576px) { .language-switcher__toggle { gap: 6px; padding: 8px 12px; } .language-switcher__flag { width: 18px; height: 13px; } .language-switcher__current { font-size: var(--text-sm); } .language-switcher__arrow { width: 6px; height: 4px; } .language-switcher__dropdown { min-width: 130px; } .language-switcher__option { padding: 9px 10px; font-size: var(--text-sm); gap: 8px; } .language-switcher__option .language-switcher__flag { width: 18px; height: 13px; } .language-switcher__name { font-size: var(--text-sm); } } .offcanvas-body .language-switcher { display: block; width: 100%; } .offcanvas-body .language-switcher__toggle { width: 100%; justify-content: center; padding: 15px 35px 16px; background: #fff; border: 1px solid #dadada; border-radius: 50px; font-weight: 600; position: relative; overflow: hidden; transition: all 0.3s ease; } .offcanvas-body .language-switcher__toggle::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(90deg, rgb(56, 107, 183) 0%, rgb(191, 195, 199) 100%); z-index: 1; border-radius: 50px; transition: all 0.3s ease; opacity: 0; pointer-events: none; } .offcanvas-body .language-switcher__toggle>* { position: relative; z-index: 2; } .offcanvas-body .language-switcher__toggle:hover::after { opacity: 1; } .offcanvas-body .language-switcher.active .language-switcher__toggle::after { opacity: 1; } .offcanvas-body .language-switcher:not(.active) .language-switcher__toggle::after { opacity: 0; } .offcanvas-body .language-switcher__toggle:hover, .offcanvas-body .language-switcher.active .language-switcher__toggle { border-color: transparent; color: #fff; } .offcanvas-body .language-switcher:not(.active) .language-switcher__toggle { border-color: #dadada; color: initial; } .offcanvas-body .language-switcher__toggle:hover .language-switcher__current, .offcanvas-body .language-switcher.active .language-switcher__toggle .language-switcher__current { color: #fff; } .offcanvas-body .language-switcher:not(.active) .language-switcher__toggle .language-switcher__current { color: #333; } .offcanvas-body .language-switcher__toggle:hover .language-switcher__arrow, .offcanvas-body .language-switcher.active .language-switcher__toggle .language-switcher__arrow { color: #fff; opacity: 1; } .offcanvas-body .language-switcher:not(.active) .language-switcher__toggle .language-switcher__arrow { color: var(--color-text); opacity: 0.6; } .offcanvas-body .language-switcher__current { font-size: var(--text-md); font-weight: 600; color: #333; transition: color 0.3s ease; } .offcanvas-body .language-switcher__dropdown { position: static; width: 100%; margin-top: 12px; background: #fff; border-radius: 16px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(-10px); max-height: 0; overflow: hidden; transition: all 0.3s ease; } .offcanvas-body .language-switcher.active .language-switcher__dropdown { opacity: 1; visibility: visible; transform: translateY(0); max-height: 200px; } .offcanvas-body .language-switcher__option { padding: 12px 18px; font-size: var(--text-md); font-weight: 500; border-radius: 12px; transition: all 0.3s ease; } .offcanvas-body .language-switcher__option:hover { background: #f5f5f5; } .offcanvas-body .language-switcher__option.active { background: #386bb7; color: #fff; } .contact-widget-fixed { position: fixed; bottom: 30px; right: 110px; z-index: 999; } .contact-widget-trigger { background: #2563eb; color: #fff; border: none; border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(37, 99, 235, 0.4); cursor: pointer; transition: all 0.3s ease; } .contact-widget-trigger:hover { transform: scale(1.05); box-shadow: 0 12px 32px rgba(37, 99, 235, 0.5); } .contact-widget-trigger i { font-size: var(--text-4xl); } .widget-preview-bubble { position: absolute; bottom: 75px; right: 0; background: #fff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); padding: 16px 20px; width: 13dvw; opacity: 1; visibility: visible; transform: translateY(0); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .widget-preview-bubble.hidden { opacity: 0; visibility: hidden; transform: translateY(10px); } .widget-preview-bubble::after { content: ''; position: absolute; bottom: -8px; right: 20px; width: 16px; height: 16px; background: #fff; transform: rotate(45deg); box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); } .widget-preview-bubble p { margin: 0; font-size: var(--text-md); font-weight: 500; color: #1f2937; line-height: 1.5; padding-right: 28px; } .preview-close { position: absolute; top: 10px; right: 10px; background: transparent; border: none; color: #9ca3af; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } .preview-close:hover { background: #f3f4f6; color: #374151; } .preview-close i { font-size: var(--text-base); } .contact-widget-popup { position: absolute; bottom: 80px; right: 0; width: 380px; background: #fff; border-radius: 20px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transform: scale(0.95) translateY(10px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .contact-widget-popup.active { opacity: 1; visibility: visible; transform: scale(1) translateY(0); } .contact-widget-header { padding: 15px 20px; border-bottom: 1px solid #f3f4f6; display: flex; align-items: center; justify-content: space-between; } .header-title h3 { margin: 0; font-size: var(--text-xl); font-weight: 600; color: #1f2937; } .header-actions { display: flex; align-items: center; } .contact-widget-close { background: transparent; border: none; color: #9ca3af; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } .contact-widget-close:hover { background: #f3f4f6; color: #374151; } .contact-widget-close i { font-size: var(--text-2xl); } .contact-widget-content { padding: 30px 25px; max-height: 500px; overflow-y: auto; } .contact-widget-content::-webkit-scrollbar { width: 6px; } .contact-widget-content::-webkit-scrollbar-track { background: #f3f4f6; border-radius: 10px; } .contact-widget-content::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 10px; } .contact-widget-content::-webkit-scrollbar-thumb:hover { background: #9ca3af; } .widget-messages { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; } .widget-message { background: #f3f4f6; padding: 14px 18px; border-radius: 12px; } .widget-message p { margin: 0; font-size: var(--text-md); color: #374151; line-height: 1.5; } .widget-options { display: flex; flex-direction: column; gap: 12px; } .widget-option { background: #fff; border: 1.5px solid #e5e7eb; padding: 16px 20px; border-radius: 12px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: all 0.2s ease; } .widget-option:hover { border-color: #2563eb; background: #eff6ff; transform: translateY(-2px); } .widget-option i { font-size: var(--text-3xl); color: #2563eb; } .widget-option span { font-size: var(--text-md); font-weight: 500; color: #1f2937; } .contact-widget-form { display: none; } .form-header { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; } .form-back { background: transparent; border: none; color: var(--color-text-light); width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } .form-back:hover { background: #f3f4f6; color: #374151; } .form-back i { font-size: var(--text-xl); } .form-header h4 { margin: 0; font-size: var(--text-xl); font-weight: 600; color: #1f2937; } .contact-widget-form .form-group { margin-bottom: 16px; } .contact-widget-form .form-control { width: 100%; padding: 12px 16px; border: 1.5px solid #e5e7eb; border-radius: 10px; font-size: var(--text-base); color: #1f2937; transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; } .contact-widget-form .form-control:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); } .contact-widget-form .form-control::-webkit-input-placeholder { color: #9ca3af; } .contact-widget-form .form-control::-moz-placeholder { color: #9ca3af; } .contact-widget-form .form-control:-ms-input-placeholder { color: #9ca3af; } .contact-widget-form .form-control::-ms-input-placeholder { color: #9ca3af; } .contact-widget-form .form-control::placeholder { color: #9ca3af; } .contact-widget-form textarea.form-control { resize: none; font-family: inherit; } .contact-widget-form .btn { background: #2563eb; color: #fff; border: none; padding: 12px 24px; border-radius: 10px; font-size: var(--text-md); font-weight: 500; cursor: pointer; transition: all 0.2s ease; } .contact-widget-form .btn:hover { background: #1d4ed8; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3); } .widget-file-upload label { transition: all 0.2s ease; } .widget-file-upload label:hover { border-color: #2563eb; background: #eff6ff; } .widget-file-upload .file-item { display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 6px; margin-top: 6px; font-size: var(--text-xs); } .widget-file-upload .file-item-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; } .widget-file-upload .file-item-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; color: #374151; } .widget-file-upload .file-item-size { color: #9ca3af; font-size: var(--text-xs); margin-left: 4px; } .widget-file-upload .file-item-remove { background: none; border: none; color: #ef4444; cursor: pointer; padding: 2px 4px; font-size: var(--text-lg); line-height: 1; } .widget-file-upload .file-item-remove:hover { opacity: 0.7; } .widget-footer { text-align: center; padding-top: 20px; border-top: 1px solid #f3f4f6; } .widget-footer p { margin: 0; font-size: var(--text-xs); color: #9ca3af; font-weight: 500; letter-spacing: 0.5px; } .widget-footer strong { color: var(--color-text-light); } @media (max-width: 1199px) { .contact-widget-fixed { right: 90px; } } @media (max-width: 991px) { .contact-widget-fixed { bottom: 20px; right: 80px; } .contact-widget-popup { width: 340px; } } @media (max-width: 767px) { .contact-widget-fixed { bottom: 15px; right: 15px; } .contact-widget-trigger { width: 56px; height: 56px; } .contact-widget-trigger i { font-size: 26px; } .widget-preview-bubble { width: 50vw; max-width: 260px; bottom: 70px; } .widget-preview-bubble p { font-size: var(--text-base); } .contact-widget-popup { position: fixed; width: calc(100vw - 30px); max-width: 360px; bottom: 80px; left: 50%; right: auto; transform: translateX(-50%) scale(0.95) translateY(10px); max-height: calc(100vh - 100px); overflow-y: auto; } .contact-widget-popup.active { transform: translateX(-50%) scale(1) translateY(0); } .contact-widget-content { padding: 24px 20px; } .widget-option { padding: 14px 16px; } .widget-option i { font-size: var(--text-2xl); } .widget-option span { font-size: var(--text-base); } .form-header h4 { font-size: var(--text-lg); } .widget-footer p { font-size: var(--text-xxs); } } .page-content { position: relative; } .page-content__intro { padding: 0; margin-bottom: 40px; } .page-content__intro .section__subtitle { color: #666; font-size: var(--text-xs); letter-spacing: 1.5px; text-transform: lowercase; font-weight: 500; margin-bottom: 20px; display: inline-block; } .page-content__intro h1 { font-size: var(--text-6xl); line-height: 1.3; font-weight: 400; color: var(--color-text); margin-bottom: 20px; } .page-content__intro__lead { font-size: var(--text-md); line-height: 1.8; color: #666; font-weight: 400; margin-bottom: 30px; max-width: 90%; } .page-content__badges { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 30px; } .page-content__badge { background-color: #f0f2f4; border-radius: 8px; padding: 12px 20px; display: inline-flex; align-items: center; gap: 10px; font-size: var(--text-base); color: var(--color-text); transition: all 0.3s ease; cursor: default; } .page-content__badge:hover { background-color: #fff; transform: translateY(-2px); } .page-content__badge i { font-size: var(--text-2xl); color: var(--color-primary); transition: transform 0.3s ease; } .page-content__badge:hover i { transform: scale(1.15); } .page-content__badge strong { font-weight: 600; } .page-content__section { margin-bottom: 40px; } .page-content__section .section__head { margin-bottom: 20px; } .page-content__section .section__title { font-size: 38px; line-height: 1.35; font-weight: 400; color: #1f1f1f; margin-bottom: 20px; } .page-content__text { color: #666; line-height: 1.7; font-size: var(--text-base); } .page-content__text p { margin-bottom: 20px; } .page-content__text strong { color: #1f1f1f; font-weight: 600; } .page-content__media-content { margin-bottom: 30px; } .page-content__media-label { font-size: var(--text-sm); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--color-primary); margin-bottom: 15px; display: inline-block; } .page-content__media-title { font-size: var(--text-5xl); line-height: 1.3; font-weight: 400; color: var(--color-text); margin-bottom: 15px; } .page-content__media-desc { font-size: var(--text-md); line-height: 1.75; color: #666; margin-bottom: 25px; } .page-content__media-list { list-style: none; padding: 0; margin: 25px 0; } .page-content__media-list li { padding: 8px 0 8px 30px; position: relative; font-size: var(--text-base); color: #666; line-height: 1.6; } .page-content__media-list li i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: var(--text-lg); color: var(--color-primary); } .page-content__media-player { position: relative; width: 100%; } .page-content__media-thumbnail { position: relative; display: block; width: 100%; height: auto; border-radius: 16px; overflow: hidden; transition: all 0.4s ease; } .page-content__media-thumbnail:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15); } .page-content__media-thumbnail:focus { outline: 2px solid #386bb7; outline-offset: 4px; } .page-content__media-thumbnail img { width: 100%; height: auto; display: block; transition: transform 0.4s ease; } .page-content__media-thumbnail:hover img { transform: scale(1.05); } .page-content__media-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(255, 255, 255, 0.95); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; z-index: 2; } .page-content__media-thumbnail:hover .page-content__media-play { background: #386bb7; transform: translate(-50%, -50%) scale(1.1); } .page-content__media-play i { font-size: var(--text-4xl); color: var(--color-primary); margin-left: 4px; transition: color 0.3s ease; } .page-content__media-thumbnail:hover .page-content__media-play i { color: #fff; } .page-content__media-duration { position: absolute; bottom: 20px; right: 20px; background: rgba(0, 0, 0, 0.75); color: #fff; padding: 6px 12px; border-radius: 6px; font-size: var(--text-sm); font-weight: 600; z-index: 2; } #notification-container { position: fixed; inset: 0; pointer-events: none; z-index: 9999; overflow: hidden; } .alert { position: relative; padding: 0.9375rem 1rem; margin-bottom: 1rem; border: none; border-radius: 0.375rem; font-size: var(--text-md); line-height: 1.5; border-left: 4px solid transparent; } .alert-dismissible { padding-right: 2.5rem; } .alert-dismissible .btn-close { position: absolute; top: 50%; right: 0.75rem; transform: translateY(-50%); padding: 0.25rem; background: transparent; border: none; cursor: pointer; opacity: 0.7; transition: opacity 0.15s ease-in-out; font-size: var(--text-2xl); line-height: 1; } .alert-dismissible .btn-close:hover { opacity: 1; } .alert-dismissible .btn-close::before { content: '×'; font-weight: 300; } .alert-primary .btn-close::before { color: #696cff; } .alert-secondary .btn-close::before { color: #8592a3; } .alert-success .btn-close::before { color: #71dd37; } .alert-danger .btn-close::before { color: #ff3e1d; } .alert-warning .btn-close::before { color: #ffab00; } .alert-info .btn-close::before { color: #03c3ec; } .alert-dark .btn-close::before { color: #233446; } .alert-primary { color: #696cff; background-color: #e7e7ff; border-left-color: #696cff; } .alert-secondary { color: #8592a3; background-color: #ebeef0; border-left-color: #8592a3; } .alert-success { color: #71dd37; background-color: #e8fadf; border-left-color: #71dd37; } .alert-danger { color: #ff3e1d; background-color: #ffe0db; border-left-color: #ff3e1d; } .alert-warning { color: #ffab00; background-color: #fff2d6; border-left-color: #ffab00; } .alert-info { color: #03c3ec; background-color: #d7f5fc; border-left-color: #03c3ec; } .alert-dark { color: #233446; background-color: #dcdfe1; border-left-color: #233446; } .alert.fade { opacity: 0; transition: opacity 0.15s linear; } .alert.fade.show { opacity: 1; } #notification-container .alert { box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @media (min-width: 992px) { .blog .blog-sidebar, .services-section .service-sidebar, .projects-section .project-sidebar { position: sticky; top: 100px; align-self: flex-start; } } .col-lg-4.sidebar-sticky-col:has(.page-sidebar) { position: static !important; top: auto !important; align-self: auto !important; } #articles-container { display: flex; flex-direction: column; gap: 2.5rem; } /* Blog list: horizontal cards, all the same height. */ #articles-container .card.card--blog { display: flex !important; flex-direction: row !important; height: 320px !important; } #articles-container .card--blog .card__thumb { width: 45% !important; height: 100% !important; flex-shrink: 0; overflow: hidden; position: relative; order: 1; } #articles-container .card--blog .card__thumb .card__thumb__img { width: 100%; height: 100%; display: block; } #articles-container .card--blog .card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } #articles-container .card--blog .card__content { flex: 1 !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; padding: 32px !important; min-height: 0; order: 2; } #articles-container .card--blog .card__content__top { flex: 1; display: flex; flex-direction: column; margin-bottom: 16px; } #articles-container .card--blog .card__content__top h3 { margin-bottom: 16px; font-size: 1.75rem; } #articles-container .card--blog .card__title { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; } #articles-container .card--blog .card__para { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.6; color: #666; margin-bottom: 0; } #articles-container .card--blog .card__content__bottom { flex-shrink: 0; margin-top: auto; padding-top: 16px; border-top: 1px solid #f0f0f0; } #articles-container .card--blog:nth-child(even) .card__thumb { order: 2; } #articles-container .card--blog:nth-child(even) .card__content { order: 1; } @media (max-width: 767px) { #articles-container { gap: 1.5rem; } #articles-container .card.card--blog { flex-direction: column !important; height: auto !important; } #articles-container .card--blog .card__thumb { width: 100% !important; height: 220px !important; min-height: 220px; order: 1 !important; } #articles-container .card--blog .card__content { order: 2 !important; padding: 20px !important; } #articles-container .card--blog .card__content__top h3 { font-size: 1.25rem; } #articles-container .card--blog .card__title { display: inline; -webkit-line-clamp: unset; line-clamp: unset; } #articles-container .card--blog .card__para { -webkit-line-clamp: 3; line-clamp: 3; } } .projects-grid { display: grid; grid-template-columns: 1fr; gap: 24px; margin-bottom: 60px; } @media (min-width: 576px) { .projects-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .projects-grid { grid-template-columns: repeat(3, 1fr); gap: 32px; } } .project-card { position: relative; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); display: block; text-decoration: none; height: 100%; animation: fadeInUp 0.6s ease-out backwards; } .project-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(31, 31, 31, 0.85) 0%, rgba(31, 31, 31, 0.95) 100%); opacity: 0; transition: opacity 0.4s ease; z-index: 2; } .project-card:hover { transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15); } .project-card:hover::before { opacity: 1; } .project-card__image { position: relative; width: 100%; height: 320px; overflow: hidden; } @media (min-width: 768px) { .project-card__image { height: 380px; } } .project-card__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .project-card:hover .project-card__image img { transform: scale(1.08); } .project-card__badge { position: absolute; top: 20px; right: 20px; padding: 0 10px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 50px; font-size: 12px; font-weight: 600; color: #1f1f1f; text-transform: uppercase; letter-spacing: 0.5px; z-index: 3; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .project-card__meta-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .project-card__status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; line-height: 1; padding: 4px 8px 4px 6px; border-radius: 4px; } .project-card__status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; } .project-card__status--ongoing { color: #7effa8; background: rgba(40, 167, 69, 0.25); border: 1px solid rgba(110, 255, 158, 0.2); } .project-card__status--ongoing::before { background: #6eff9e; box-shadow: 0 0 5px rgba(110, 255, 158, 0.7); animation: pulse-dot 2s ease-in-out infinite; } .project-card__status--past { color: #f1f5f9; background: rgba(100, 116, 139, 0.55); border: 1px solid rgba(203, 213, 225, 0.35); } .project-card__status--past::before { background: #cbd5e1; } @keyframes pulse-dot { 0%, 100% { opacity: 1; box-shadow: 0 0 5px rgba(110, 255, 158, 0.7); } 50% { opacity: 0.6; box-shadow: 0 0 10px rgba(110, 255, 158, 0.4); } } .project-period-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 6px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; } .project-period-badge::before { content: ''; width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; } .project-period-badge--ongoing { background: #d4edda; color: #155724; } .project-period-badge--ongoing::before { background: #28a745; } .project-period-badge--past { background: #e9ecef; color: #495057; } .project-period-badge--past::before { background: #6c757d; } .project-card__content { position: absolute; bottom: 0; left: 0; right: 0; padding: 24px; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); z-index: 3; transition: all 0.4s ease; } .project-card:hover .project-card__content { padding-bottom: 32px; } .project-card__year { font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.75); letter-spacing: 0.5px; line-height: 1; } .project-card__title { font-size: 20px; font-weight: 600; color: #fff; margin: 0 0 12px 0; line-height: 1.3; transition: all 0.3s ease; } @media (min-width: 768px) { .project-card__title { font-size: 22px; } } .project-card__description { font-size: 14px; color: rgba(255, 255, 255, 0.85); line-height: 1.6; max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease; } .project-card:hover .project-card__description { max-height: 100px; opacity: 1; margin-bottom: 20px; } .project-card__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 13px; color: rgba(255, 255, 255, 0.8); max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease; } .project-card:hover .project-card__meta { max-height: 80px; opacity: 1; } .project-card__meta-item { display: flex; align-items: center; gap: 6px; white-space: nowrap; } .project-card__meta-item svg { width: 16px; height: 16px; opacity: 0.8; flex-shrink: 0; } .project-card__cta { position: absolute; bottom: 24px; right: 24px; width: 48px; height: 48px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 4; opacity: 0; transform: scale(0.8); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); } .project-card:hover .project-card__cta { opacity: 1; transform: scale(1); } .project-card__cta:hover { background: #386bb7; transform: scale(1.1); } .project-card__cta svg { width: 10px; height: 13px; transition: all 0.3s ease; } .project-card__cta svg path { fill: #386bb7; } .project-card:hover .project-card__cta:hover svg path { fill: #fff; } .project-card__cta:hover svg { transform: translateX(3px); } .project-card:nth-child(1) { animation-delay: 0.1s; } .project-card:nth-child(2) { animation-delay: 0.2s; } .project-card:nth-child(3) { animation-delay: 0.3s; } .project-card:nth-child(4) { animation-delay: 0.4s; } .project-card:nth-child(5) { animation-delay: 0.5s; } .project-card:nth-child(6) { animation-delay: 0.6s; } .projects-empty { text-align: center; padding: 80px 20px; grid-column: 1 / -1; } .projects-empty__title { font-size: 24px; font-weight: 600; color: #1f1f1f; margin-bottom: 12px; } .projects-empty__text { font-size: 16px; color: #666; max-width: 500px; margin: 0 auto; } @media (max-width: 767px) { .project-card__content { padding: 20px; } .project-card__image { height: 280px; } } .page-content__media { position: relative; width: 100%; max-height: 500px; overflow: hidden; border-radius: 16px; margin-bottom: 40px; } .page-content__media img { width: 100%; height: 500px; object-fit: cover; object-position: center; display: block; } .project-info-mobile { background: #f8f9fa; padding: 1.5rem; border-radius: 12px; border: 1px solid #e9ecef; } .project-info-mobile .section__title { color: #1a1a1a; font-weight: 600; margin-bottom: 1rem; } .technologies-list { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1rem; } .tech-item { background: #f8f9fa; padding: 0.65rem 1.25rem; border-radius: 50px; font-size: 0.8125rem; color: var(--color-text, #666); font-weight: 600; border: 1px solid #e8e8e8; transition: all 0.3s ease; } .tech-item:hover { border-color: #d8d8d8; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .project-navigation { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } @media (max-width: 768px) { .page-content__media { max-height: 400px; } .page-content__media img { height: 400px; } } @media (max-width: 480px) { .page-content__media { max-height: 300px; } .page-content__media img { height: 300px; } } .services-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: stretch; } @media (min-width: 768px) { .services-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1400px) { .services-grid { grid-template-columns: repeat(3, 1fr); } } .services-grid .card--service { position: relative; height: 100%; animation: fadeInUp 0.5s ease-out backwards; } .services-grid .card--service:nth-child(3n+1) { animation-delay: 0.1s; } .services-grid .card--service:nth-child(3n+2) { animation-delay: 0.2s; } .services-grid .card--service:nth-child(3n+3) { animation-delay: 0.3s; } .services-grid .card--service .card__thumb { height: 240px; position: relative; overflow: hidden; border-radius: 12px; } .services-grid .card--service .card__thumb::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(to right, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.4) 100%); pointer-events: none; z-index: 1; } .services-grid .card--service .card__thumb .card__thumb__img { border-radius: 12px; overflow: hidden; } .services-grid .card--service .card__title__vertical { position: absolute; right: -6.3rem; top: 50%; white-space: nowrap; font-size: 1.2rem; letter-spacing: 0.05em; text-transform: uppercase; opacity: 0.95; z-index: 2; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); transition: font-size 0.3s ease; } .services-grid .card--service .card__content { padding: 0.875rem 1.25rem; padding-right: 2.5rem; } .services-grid .card--service .card__title { font-size: 1.125rem; line-height: 1.3; margin-bottom: 0; } .services-grid .card--service .card__title a { color: #1f1f1f; text-decoration: none; transition: color 0.3s ease; } .services-grid .card--service .card__title a:hover { color: #386bb7; } .services-grid .card--service .card__item__link { bottom: 0.875rem; right: 1.25rem; } @media (max-width: 767px) { .services-grid .card--service .card__thumb { height: 200px; } .services-grid .card--service .card__title { font-size: 1rem; } } .services-empty { text-align: center; padding: 80px 20px; grid-column: 1 / -1; } .services-empty__title { font-size: 24px; font-weight: 600; color: #1f1f1f; margin-bottom: 12px; } .services-empty__text { font-size: 16px; color: #666; max-width: 500px; margin: 0 auto; } .certifications-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-bottom: 2rem; } .certification-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; display: flex; flex-direction: column; animation: fadeInUp 0.5s ease-out backwards; } .certification-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } .certification-card:nth-child(2n+1) { animation-delay: 0.1s; } .certification-card:nth-child(2n+2) { animation-delay: 0.2s; } .certification-card__logo { background: #f8f9fa; display: flex; align-items: center; justify-content: center; min-height: 140px; border-bottom: 1px solid #e9ecef; } .certification-card__logo img { max-width: 110px; max-height: 110px; width: auto; height: auto; object-fit: contain; } .certification-card__content { padding: 1.25rem; flex: 1; display: flex; flex-direction: column; } .certification-card__title { font-size: 1.125rem; font-weight: 600; color: #1f1f1f; margin-bottom: 0.625rem; line-height: 1.4; } .certification-card__description { color: #666; line-height: 1.6; margin-bottom: 1rem; flex: 1; font-size: 0.9rem; } .certification-card__actions { display: flex; flex-direction: column; gap: 0.5rem; margin-top: auto; } .certification-card__btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.625rem 1rem; background: #fff; color: #1f1f1f; border: 1.5px solid #dee2e6; border-radius: 8px; text-decoration: none; font-weight: 500; font-size: 0.8125rem; transition: all 0.3s ease; } .certification-card__btn:hover { background: #f8f9fa; border-color: #386bb7; color: #386bb7; } .certification-card__btn i { font-size: 0.95rem; flex-shrink: 0; } .certification-card__btn--disabled { opacity: 0.6; cursor: not-allowed; background: #f5f5f5; border-color: #ddd; color: #999; } .certification-card__btn--disabled:hover { background: #f5f5f5; border-color: #ddd; color: #999; } .section-category { margin-bottom: 2.5rem; scroll-margin-top: 120px; } .certification-card[id] { scroll-margin-top: 120px; } .section-category__title { font-size: 1.375rem; font-weight: 600; color: #1f1f1f; margin-bottom: 1.25rem; padding-bottom: 0.625rem; border-bottom: 2px solid #e9ecef; } .intro-text { background: #fff; padding: 1.5rem; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); margin-bottom: 2rem; } .intro-text p { color: #666; line-height: 1.7; margin-bottom: 0; font-size: 0.9375rem; } @media (max-width: 480px) { .certifications-grid { gap: 1rem; } .certification-card__logo { min-height: 120px; } .certification-card__logo img { max-width: 90px; max-height: 90px; } .certification-card__content { padding: 1rem; } .certification-card__title { font-size: 1rem; margin-bottom: 0.5rem; } .certification-card__description { font-size: 0.875rem; margin-bottom: 0.875rem; } .certification-card__btn { padding: 0.5rem 0.875rem; font-size: 0.75rem; } .certification-card__btn i { font-size: 0.875rem; } .section-category { margin-bottom: 2rem; } .section-category__title { font-size: 1.125rem; margin-bottom: 1rem; } .intro-text { padding: 1.25rem; margin-bottom: 1.5rem; } .intro-text p { font-size: 0.875rem; line-height: 1.6; } } @media (min-width: 481px) and (max-width: 767px) { .certifications-grid { gap: 1.25rem; } .certification-card__logo { min-height: 140px; } .certification-card__logo img { max-width: 100px; max-height: 100px; } .intro-text { padding: 1.5rem; } .section-category__title { font-size: 1.25rem; } } @media (min-width: 768px) { .certifications-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } .certification-card__logo { min-height: 160px; } .certification-card__logo img { max-width: 130px; max-height: 130px; } .certification-card__content { padding: 1.5rem; } .certification-card__title { font-size: 1.1875rem; } .certification-card__description { font-size: 0.9375rem; } .certification-card__btn { padding: 0.625rem 1.125rem; font-size: 0.875rem; } .section-category__title { font-size: 1.4375rem; margin-bottom: 1.375rem; } .intro-text { padding: 1.75rem; margin-bottom: 2.25rem; } } @media (min-width: 992px) { .certification-card__logo { min-height: 180px; } .certification-card__logo img { max-width: 150px; max-height: 150px; } .certification-card__title { font-size: 1.25rem; } .certification-card__description { font-size: 0.95rem; margin-bottom: 1.25rem; } .certification-card__btn { padding: 0.625rem 1.25rem; } .section-category { margin-bottom: 3rem; } .section-category__title { font-size: 1.5rem; margin-bottom: 1.5rem; } .intro-text { padding: 2rem; margin-bottom: 2.5rem; } } @media (min-width: 1200px) { .certifications-grid { gap: 1.75rem; } } @media (min-width: 1400px) { .certifications-grid { gap: 2rem; } } @media (min-width: 768px) { .certification-card--single { grid-column: 1 / -1; max-width: calc(50% - 0.75rem); } } @media (max-width: 767px) { .certification-card--single { grid-column: 1; max-width: 100%; } } @media (hover: none) and (pointer: coarse) { .certification-card:hover { transform: none; } .certification-card:active { transform: scale(0.98); } } .contact.contact--section { padding: 100px 0; background: #f8f8f8; } .contact__info { padding-right: 30px; } .contact__subtitle { color: #666; font-size: 12px; letter-spacing: 1.5px; margin-bottom: 25px; text-transform: lowercase; } .contact__title { font-size: 38px; line-height: 1.35; font-weight: 400; color: #1f1f1f; margin-bottom: 20px; } .contact__desc { color: #666; font-size: 14px; line-height: 1.7; margin-bottom: 50px; } .contact__details { margin-top: 50px; } .contact__detail__item { margin-bottom: 0; } .detail__title { font-size: 15px; color: #1f1f1f; font-weight: 600; margin-bottom: 12px; } .detail__content { font-size: 14px; line-height: 1.7; color: #666; margin-bottom: 0; } .detail__content a { color: #666; text-decoration: none; transition: color 0.3s ease; } .detail__content a:hover { color: #1f1f1f; } .contact__detail__item .social a { color: #666; transition: color 0.3s ease; display: inline-flex; } .contact__detail__item .social a:hover { color: #1f1f1f; } .contact__form__wrapper { background: #efefef; padding: 50px; border-radius: 12px; } .form__title { font-size: 26px; font-weight: 500; color: #1f1f1f; margin-bottom: 12px; } .form__desc { color: #666; font-size: 14px; line-height: 1.6; margin-bottom: 35px; } .contact__form .row { margin-left: -10px; margin-right: -10px; } .contact__form .row>[class*="col-"] { padding-left: 10px; padding-right: 10px; } .contact__form .form-group { margin-bottom: 24px; } .contact__form .form-control { width: 100%; padding: 10px 14px; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 14px; color: #1f1f1f; transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; background: #f9fafb; height: 50px; } .contact__form .form-control::placeholder { color: #999; font-size: 14px; } .contact__form .form-control:focus { outline: none; border-color: #386bb7; background-color: #fff; box-shadow: 0 0 0 3px rgba(56, 107, 183, 0.1); } .contact__form select.form-control { cursor: pointer; padding-right: 35px; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px; color: #999; } .contact__form select.form-control:not([value=""]) { color: #1f1f1f; } .contact__form select.form-control option { color: #1f1f1f; background: #fff; } .contact__form textarea.form-control { resize: vertical; min-height: 120px; height: auto; padding-top: 10px; } .contact__form .form-check { padding-left: 0; margin-bottom: 0; display: flex; align-items: flex-start; gap: 10px; } .contact__form .form-check-input { width: 18px; height: 18px; min-width: 18px; margin-top: 2px; border: 2px solid #d1d5db; border-radius: 4px; cursor: pointer; background-color: #fff; flex-shrink: 0; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .contact__form .form-check-input:checked { background-color: #386bb7; border-color: #386bb7; 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"); } .contact__form .form-check-input:focus { outline: none; border-color: #386bb7; box-shadow: 0 0 0 3px rgba(56, 107, 183, 0.1); } .contact__form .form-check-label { font-size: 13px; color: #666; line-height: 1.6; cursor: pointer; margin: 0; flex: 1; } .form-submit { margin-top: 30px; } .form-submit .btn { padding: 14px 30px; font-size: 14px; } .map.map--section { padding: 0px 45px 43px; background: #fff; } .map__wrapper { overflow: visible; border-radius: 25px; } .map__container { position: relative; width: 100%; height: 550px; overflow: visible; border-radius: 25px; } .map__iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 25px; filter: grayscale(100%) brightness(1); transition: filter 0.3s ease, opacity 0.4s ease; opacity: 0; pointer-events: none; } .map__iframe.active { opacity: 1; pointer-events: auto; } .map__iframe:hover { filter: grayscale(100%) brightness(0.9); } .map__locations { position: absolute; bottom: 24px; left: 24px; display: flex; gap: 16px; z-index: 10; } .map__location-card { background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(10px); border-radius: 16px; padding: 20px; width: 260px; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: 2px solid transparent; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12); } .map__location-card:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18); } .map__location-card.active { border-color: #1f1f1f; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); } .map__location-badge { display: inline-block; padding: 4px 10px; background: #f3f4f6; border-radius: 20px; font-size: 11px; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; transition: all 0.3s ease; } .map__location-card.active .map__location-badge { background: #1f1f1f; color: #fff; } .map__location-city { font-size: 18px; font-weight: 600; color: #1f1f1f; margin: 0 0 8px 0; } .map__location-address { font-size: 13px; color: #666; line-height: 1.5; margin: 0 0 14px 0; } .map__location-phone { width: fit-content; display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: #1f1f1f; text-decoration: none; margin-bottom: 12px; transition: color 0.2s ease; } .map__location-phone:hover { color: #386bb7; } .map__location-phone i { font-size: 16px; } .map__location-directions { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; background: #f3f4f6; border-radius: 8px; font-size: 13px; font-weight: 500; color: #1f1f1f; text-decoration: none; transition: all 0.2s ease; } .map__location-directions:hover { background: #1f1f1f; color: #fff; } .map__location-directions i { font-size: 14px; } @media (max-width: 1399px) { .map.map--section { padding: 0px 20px 20px; } } @media (max-width: 991px) { .contact.contact--section { padding: 60px 0; } .contact__info { padding-right: 0; margin-bottom: 40px; } .contact__title { font-size: 32px; } .contact__form__wrapper { padding: 40px 30px; } .map__wrapper { border-radius: 20px; } .map__container { height: 550px; border-radius: 20px; } .map__iframe { border-radius: 20px; } .map__locations { bottom: 16px; left: 16px; right: 16px; gap: 12px; } .map__location-card { flex: 1; width: auto; padding: 16px; } } @media (max-width: 767px) { .contact.contact--section { padding: 40px 0; } .contact__title { font-size: 28px; } .contact__form__wrapper { padding: 30px 20px; } .map__wrapper { border-radius: 15px; } .map__container { height: 500px; border-radius: 15px; } .map__iframe { border-radius: 15px; } .map__locations { flex-direction: column; bottom: 12px; left: 12px; right: 12px; gap: 10px; } .map__location-card { width: 100%; padding: 14px 16px; border-radius: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .map__location-card:not(.active) { padding: 12px 16px; } .map__location-card:not(.active) .map__location-address, .map__location-card:not(.active) .map__location-phone, .map__location-card:not(.active) .map__location-directions { display: none; } .map__location-badge { margin-bottom: 0; order: 1; } .map__location-city { margin: 0; order: 2; flex: 1; } .map__location-card.active .map__location-badge { order: 0; width: 100%; margin-bottom: 6px; } .map__location-card.active .map__location-city { width: 100%; margin-bottom: 6px; } .map__location-address { width: 100%; margin-bottom: 10px; } .map__location-phone { margin-bottom: 0; margin-right: auto; } } .sidebar-filter-toggle { display: none; } .sidebar-filter-close { display: none; } .sidebar-filter-overlay { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 9999; cursor: pointer; } .sidebar-filter-overlay.active { display: block; } .sidebar-col--extracted { display: none !important; } @media (max-width: 991px) { .sidebar-wrapper { position: fixed !important; left: 0 !important; top: 0 !important; align-self: auto !important; width: 420px; max-width: 92vw; height: 100%; background: var(--color-bg); z-index: 10000; padding: 24px 20px; overflow-y: auto; transform: translateX(-100%); transition: transform 0.3s ease; box-shadow: 4px 0 20px rgba(0, 0, 0, 0.1); border-right: 1px solid var(--color-border); } .sidebar-wrapper.sidebar--open { transform: translateX(0); } .sidebar-filter-toggle { display: flex; flex-direction: column; align-items: center; gap: 6px; position: fixed; left: 0; top: 50%; transform: translateY(-50%); background: var(--color-primary); color: #fff; border: none; padding: 16px 11px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 9998; cursor: pointer; box-shadow: 3px 3px 14px rgba(56, 107, 183, 0.4); transition: background 0.25s ease, box-shadow 0.25s ease; } .sidebar-filter-toggle:active { background: var(--color-primary-dark); box-shadow: 2px 2px 8px rgba(56, 107, 183, 0.3); } .sidebar-filter-toggle svg { width: 18px; height: 18px; flex-shrink: 0; } .sidebar-filter-toggle span { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; writing-mode: vertical-rl; transform: rotate(180deg); } .sidebar-filter-close { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 0 16px; margin-bottom: 20px; border-bottom: 1px solid var(--color-border); cursor: pointer; color: var(--color-text); font-size: var(--text-base); font-weight: 600; background: none; border-top: none; border-left: none; border-right: none; } .sidebar-filter-close svg { width: 18px; height: 18px; color: var(--color-text-light); flex-shrink: 0; } } /* Blog article: spacing of headings, paragraphs and lists */ .blog__details-text h2 { font-size: 1.5rem; line-height: 1.3; margin: 0 0 1rem; color: var(--color-text); } .blog__details-text > * + h2 { margin-top: 2.75rem; } .blog__details-text h3 { font-size: 1.125rem; line-height: 1.4; margin: 0 0 0.75rem; color: var(--color-text); } .blog__details-text > * + h3 { margin-top: 1.75rem; } .blog__details-text p { font-size: var(--text-lg); line-height: 1.75; margin: 0 0 1rem; color: #333; } .blog__details-text ul, .blog__details-text ol { margin: 1rem 0 1.5rem; } .blog__details-text ol { padding-left: 1.5rem; } .blog__details-text ol li { list-style-type: decimal; margin-bottom: 0.75rem; font-size: var(--text-lg); line-height: 1.7; color: #333; } .blog__details-text a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 3px; } .blog__details-text a:hover { color: var(--color-primary-dark); } /* End-of-article call to action: same look as the FAQ section (grey background, label, wave) */ .blog__details-text .blog__cta { margin: 3rem 0 1rem; padding: 40px 44px; background-color: #f0f2f4; border-radius: 20px; overflow: hidden; } .blog__cta-title, .blog__cta-text { max-width: 62%; } .blog__details-text .blog__cta-label { margin: 0 0 0.5rem; color: var(--color-text-light); } .blog__details-text .blog__cta-title { font-size: 1.75rem; line-height: 1.25; margin: 0 0 0.75rem; color: var(--color-text); } .blog__details-text .blog__cta-text { margin: 0 0 1.5rem; color: #666; } .blog__cta-actions { display: flex; flex-wrap: nowrap; align-items: center; gap: 1rem; } .blog__details-text .blog__cta a.btn { text-decoration: none; } .blog__details-text .blog__cta a.btn--dark, .blog__details-text .blog__cta a.btn--dark:hover { color: #fff; } .blog__details-text .blog__cta a.btn--secondary { color: #333; } .blog__details-text .blog__cta a.btn--secondary:hover { color: #fff; } .blog__cta-wave { position: absolute; right: -8%; top: 50%; transform: translateY(-50%); width: 40%; height: auto; pointer-events: none; } @media (max-width: 767.98px) { .blog__details-text .blog__cta { padding: 28px 24px; } .blog__cta-title, .blog__cta-text { max-width: 100%; } .blog__cta-actions { flex-wrap: wrap; } .blog__cta-wave { display: none; } .blog__cta-actions a.btn { width: 100%; } } /* Fixed badge shown on internal previews only. */ .preview-label { position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 1050; padding: 6px 12px; border-radius: 999px; background: #111827; color: #fff; font-size: 13px; font-weight: 500; box-shadow: 0 4px 12px rgba(0, 0, 0, .25); pointer-events: none; } /* === css/widgets.css === */ .key-info-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-top: 1rem; } .key-info-card { display: flex; align-items: center; gap: 0.875rem; padding: 1rem 1.125rem; background: #fafafa; border-radius: 10px; } .key-info-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #f0f0f0; border-radius: 8px; color: #666; flex-shrink: 0; } .key-info-icon svg { width: 18px; height: 18px; } .key-info-content { display: flex; flex-direction: column; gap: 0.125rem; } .key-info-label { font-size: 11px; font-weight: 500; color: #999; text-transform: uppercase; letter-spacing: 0.3px; } .key-info-value { font-size: 15px; font-weight: 600; color: #333; } @media (max-width: 575px) { .key-info-cards { grid-template-columns: 1fr 1fr; gap: 0.5rem; } .key-info-card { padding: 0.875rem; gap: 0.75rem; } .key-info-icon { width: 32px; height: 32px; } .key-info-icon svg { width: 16px; height: 16px; } .key-info-value { font-size: 13px; } } @media (max-width: 400px) { .key-info-cards { grid-template-columns: 1fr; } } .widget-filter { background: #fff !important; padding: 30px !important; border-radius: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .widget-filter .widget-title { font-size: 22px; font-weight: 600; color: #1f1f1f; margin-bottom: 20px; } .filter-list { list-style: none; padding: 0; margin: 0; } .filter-item { margin-bottom: 12px; } .filter-item:last-child { margin-bottom: 0; } .filter-link { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #f8f9fa; border-radius: 10px; text-decoration: none; color: #666; font-size: 15px; font-weight: 500; transition: padding-left 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: 2px solid transparent; } .filter-link::before { content: ''; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 0; height: 7px; opacity: 0; background-image: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 6 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.48512 0.616324C4.11825 -0.00277913 5.18427 0.445789 5.18427 1.33131L5.18427 3.96752C5.18427 4.51981 4.73655 4.96752 4.18427 4.96752L1.48834 4.96752C0.592022 4.96753 0.148343 3.8792 0.789189 3.25254L3.48512 0.616324Z' fill='%231f1f1f'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .filter-link:hover { padding-left: 32px; background: #f0f2f5; color: #1f1f1f; border-color: #e8e8e8; } .filter-link:hover::before { width: 7px; opacity: 1; } .filter-link.active { padding-left: 32px; background: linear-gradient(90deg, rgb(56, 107, 183) 0%, rgb(191, 195, 199) 100%); color: #fff; font-weight: 600; } .filter-link.active::before { width: 7px; opacity: 1; background-image: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 6 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.48512 0.616324C4.11825 -0.00277913 5.18427 0.445789 5.18427 1.33131L5.18427 3.96752C5.18427 4.51981 4.73655 4.96752 4.18427 4.96752L1.48834 4.96752C0.592022 4.96753 0.148343 3.8792 0.789189 3.25254L3.48512 0.616324Z' fill='%23fff'/%3E%3C/svg%3E"); } .filter-name { flex: 1; } .filter-count { font-size: 14px; opacity: 0.8; font-weight: 400; } .filter-link.active .filter-count { opacity: 1; } .project-info-widget { background: #fff !important; padding: 30px !important; border-radius: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .project-info-widget .widget-title { font-size: 22px; font-weight: 600; color: #1f1f1f; margin-bottom: 20px; } .project-info-list { list-style: none; padding: 0; margin: 0; } .project-info-list li { padding: 1.25rem 0; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.75rem; } .project-info-list li:last-child { border-bottom: none; padding-bottom: 0; } .project-info-list li:first-child { padding-top: 0; } .info-label { font-weight: 700; color: var(--color-heading, #1a1a1a); font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.5px; } .info-value { color: var(--color-text, #666); text-align: right; font-weight: 500; font-size: 0.9375rem; } .info-value-list { list-style: none; padding: 0; margin: 0.5rem 0 0 0; width: 100%; } .info-value-list li { color: var(--color-text, #666); font-weight: 500; font-size: 0.875rem; padding: 0.25rem 0; padding-left: 1rem; position: relative; } .info-value-list li::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background-image: url("../images/icons/arrow-right-icons.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; } .project-info-list li:has(.info-value-list) { flex-direction: column; align-items: flex-start; } .info-value-list li a, .info-value .info-link { color: inherit; text-decoration: none; font-weight: inherit; transition: color 0.2s ease; } .info-value-list li a:hover, .info-value .info-link:hover { color: var(--color-primary, #386bb7); text-decoration: underline; } .project-links { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; margin-top: 0.75rem; padding: 0 !important; list-style: none !important; } .project-links li { padding: 0 !important; flex: 0 0 auto; } .project-links li::after { display: none !important; } .project-links a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; background-color: #f0f2f4; border-radius: 50px; color: #333333; font-size: 12px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; } .project-links a:hover { background-color: #333333; color: #fff; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); } .project-links a::before { content: ''; width: 14px; height: 14px; flex-shrink: 0; background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease; } .project-links a[href*="linkedin"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A66C2'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E"); } .project-links a[href*="linkedin"]:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E"); } .project-links a:not([href*="linkedin"])::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E"); } .project-links a:not([href*="linkedin"]):hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E"); } @media (max-width: 575px) { .project-links { flex-direction: column; gap: 0.5rem; } .project-links a { padding: 8px 14px; font-size: 12px; } .project-links a::before { width: 12px; height: 12px; } } @media (max-width: 1200px) { .widget-filter, .project-info-widget { padding: 20px !important; } } @media (max-width: 768px) { .widget-filter, .project-info-widget { padding: 20px !important; } .widget-filter .widget-title, .project-info-widget .widget-title { font-size: 20px; } .filter-link { padding: 10px 14px; font-size: 14px; } .filter-link::before { left: 14px; } .filter-link:hover { padding-left: 30px; } .filter-link.active { padding-left: 30px; } } @media (max-width: 480px) { .widget-filter, .project-info-widget { padding: 16px !important; } .widget-filter .widget-title, .project-info-widget .widget-title { font-size: 18px; margin-bottom: 16px; } .filter-link { padding: 8px 12px; font-size: 13px; } .filter-link::before { left: 12px; height: 6px; } .filter-link:hover { padding-left: 26px; } .filter-link.active { padding-left: 26px; } .filter-link:hover::before, .filter-link.active::before { width: 6px; } .info-label, .info-value { font-size: 0.8125rem; } } .external-links { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; margin-top: 1rem; } .external-link-item { display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; background: #f8f9fa; border: 1px solid #e8e8e8; border-radius: 50px; color: #333; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; } .external-link-item:hover { background: #333; border-color: #333; color: #fff; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); } .external-link-item svg { width: 14px; height: 14px; flex-shrink: 0; } .external-link-item.linkedin svg { fill: #0A66C2; } .external-link-item.linkedin:hover svg { fill: #fff; } .external-link-item:not(.linkedin) svg { stroke: #333; } .external-link-item:not(.linkedin):hover svg { stroke: #fff; } @media (max-width: 575px) { .external-links { gap: 0.5rem; } .external-link-item { padding: 8px 14px; font-size: 12px; } .external-link-item svg { width: 12px; height: 12px; } } .cookie-consent-banner { position: fixed; bottom: 20px; left: 20px; background: #ffffff; color: #333; padding: 20px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); z-index: 9999; max-width: 380px; border-radius: 8px; border: 1px solid #e0e0e0; animation: slideInLeft 0.4s ease; } @keyframes slideInLeft { from { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slideDown { from { transform: translateY(0); } to { transform: translateY(100%); } } .cookie-consent-container { max-width: 1200px; margin: 0 auto; } .cookie-consent-content { display: flex; flex-direction: column; gap: 20px; } .cookie-consent-text { flex: 1; } .cookie-consent-title { font-size: 16px; font-weight: 700; margin: 0 0 10px 0; display: flex; align-items: center; color: #333; } .cookie-consent-description { margin: 0; font-size: 13px; line-height: 1.5; color: #666; } .cookie-consent-link { color: #696cff; text-decoration: underline; font-weight: 500; } .cookie-consent-link:hover { color: #5a5fd7; } .cookie-consent-actions { display: flex; flex-direction: column; gap: 8px; width: 100%; } .cookie-consent-actions button { width: 100%; justify-content: center; padding: 10px 20px; border-radius: 6px; font-size: 14px; font-weight: 500; border: 1px solid #e0e0e0; transition: all 0.2s ease; cursor: pointer; } .cookie-consent-actions .btn-primary { background: #333; color: #fff; border-color: #333; } .cookie-consent-actions .btn-primary:hover { background: #000; border-color: #000; } .cookie-consent-actions .btn-light { background: #fff; color: #333; border-color: #d0d0d0; } .cookie-consent-actions .btn-light:hover { background: #f5f5f5; } .cookie-consent-actions .btn-outline-light { background: transparent; color: #666; border-color: #d0d0d0; } .cookie-consent-actions .btn-outline-light:hover { background: #f5f5f5; color: #333; } .cookie-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; } .cookie-modal-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); } .cookie-modal-content { position: relative; background: #fff; border-radius: 12px; max-width: 700px; width: 90%; max-height: 80vh; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); animation: modalFadeIn 0.3s ease; } @keyframes modalFadeIn { from { opacity: 0; transform: scale(0.95) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } } .cookie-modal-header { padding: 24px; border-bottom: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: space-between; } .cookie-modal-header h4 { margin: 0; font-size: 20px; font-weight: 600; color: #333; display: flex; align-items: center; } .cookie-modal-body { padding: 24px; overflow-y: auto; flex: 1; } .cookie-category { padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 16px; background: #f9fafb; } .cookie-category-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; } .cookie-category-title { font-size: 16px; font-weight: 600; margin: 0 0 8px 0; color: #333; } .cookie-category-description { font-size: 13px; color: #666; margin: 0 0 8px 0; line-height: 1.5; } .cookie-list { margin-top: 8px; } .cookie-category-toggle { flex-shrink: 0; } .switch { position: relative; display: inline-block; width: 50px; height: 26px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.3s; border-radius: 26px; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; transition: 0.3s; border-radius: 50%; } input:checked + .slider { background-color: #696cff; } input:checked + .slider:before { transform: translateX(24px); } .cookie-modal-footer { padding: 24px; border-top: 1px solid #e0e0e0; display: flex; gap: 12px; justify-content: flex-end; } .cookie-modal-footer button { padding: 10px 20px; border-radius: 6px; font-size: 14px; font-weight: 500; border: 1px solid #e0e0e0; transition: all 0.2s ease; cursor: pointer; } .cookie-modal-footer .btn-primary { background: #333; color: #fff; border-color: #333; } .cookie-modal-footer .btn-primary:hover { background: #000; border-color: #000; } .cookie-modal-footer .btn-light { background: #fff; color: #333; border-color: #d0d0d0; } .cookie-modal-footer .btn-light:hover { background: #f5f5f5; } @media (max-width: 768px) { .cookie-consent-banner { bottom: 10px; left: 10px; right: 10px; max-width: calc(100% - 20px); } .cookie-category-header { flex-direction: column; gap: 12px; } .cookie-modal-content { width: 95%; max-height: 90vh; } .cookie-modal-footer { flex-direction: column; } .cookie-modal-footer button { width: 100%; } }