/* OTOMATİK ÜRETİLDİ — scripts/css-purge.mjs. Elle düzenlemeyin; kaynak: public/assets/css/style.css */ @charset "UTF-8"; /* ========================= Template Name : ClinicMaster ========================= [Table of Contents] 1. Abstract 1.1 abstract.scss 1.2 mixins.scss 1.3 variable.scss 2. Base 2.1 base.scss 2.2 fonts.scss 2.3 preloader.scss 2.4 reset.scss 2.5 shortcode.scss 3. Components 3.1 accordion.scss 3.2 alert.scss 3.3 animation.scss 3.4 author.scss 3.5 avatar.scss 3.6 badge.scss 3.7 blog-post.scss 3.8 button.scss 3.9 card.scss 3.10 Other scss File 4. Layout 4.1 Banner 4.2 Footer 4.3 Header 4.4 Theme 4.5 Other scss File 5. Pages 5.1 blog-details.scss 5.2 error-page.scss 5.3 services.scss 5.4 shop.scss 5.5 woocommerce.scss 6. Theme Color 5.1 skin-1.scss 5.2 skin-2.scss 5.3 skin-3.scss 5.4 skin-4.scss 5.5 skin-5.scss 5.6 skin-6.scss 5.7 skin-7.scss 5.8 skin-8.scss */ /* animate.css kaldırıldı (wow.js animasyonları kullanılmıyor) — Emek 31 Eki */ @import "../icons/feather/css/iconfont.purged.css"; @import "../icons/fontawesome/css/all.purged.css"; @import "../icons/flaticon/flaticon.purged.css"; :root { --radius-xl: 30px; --radius-lg: 20px; --radius-md: 15px; --radius-sm: 10px; --radius: 6px; --gradient: linear-gradient( to right, rgb(255,64,62) 0%, rgb(255,129,27) 100%); --gradient-sec: linear-gradient( to right, rgb(57,26,166) 0%, rgb(6,163,245) 100%); --primary-hover: rgb(20, 218.28125, 255); --font-family-base: Poppins, sans-serif; --font-family-title: Poppins, sans-serif; --border-radius-base: 20px; --border-color: #E1EBF1; --headings-font-weight:600; --headings-font-weight2:400; --headings-font-weight3:300; --white:var(--bs-heading-color); } html[data-theme-color=skin-1] { --bs-body-color: #566593; --bs-heading-color: #031B4E; --bs-heading-color-rgb: 3, 27, 78; --bs-primary: #00BDE0; --bs-secondary: #031B4E; --bs-light: #ECF5FB; --bs-primary-rgb: 0, 189, 224; --bs-secondary-rgb: 3, 27, 78; --bs-light-rgb: 236, 245, 251; --bs-primary-text-emphasis: rgb(0, 75.6, 89.6); --bs-secondary-text-emphasis: rgb(1.2, 10.8, 31.2); --bs-light-text-emphasis: rgb(94.4, 98, 100.4); --bs-primary-bg-subtle: rgb(204, 241.8, 248.8); --bs-secondary-bg-subtle: rgb(204, 241.8, 248.8); --bs-light-bg-subtle: rgb(251.2, 253, 254.2); --bs-primary-border-subtle: rgb(204, 241.8, 248.8); --bs-secondary-border-subtle: rgb(204.6, 209.4, 219.6); --bs-light-border-subtle: rgb(251.2, 253, 254.2); --bs-primary-btn-hover-bg: rgb(0, 160.65, 190.4); --bs-primary-btn-hover-border-color: rgb(0, 160.65, 190.4); --bs-secondary-btn-hover-bg: rgb(2.55, 22.95, 66.3); --bs-secondary-btn-hover-border-color: rgb(2.55, 22.95, 66.3); --bs-light-btn-hover-bg: rgb(200.6, 208.25, 213.35); --bs-light-btn-hover-border-color: rgb(200.6, 208.25, 213.35); } html[data-theme-color=skin-1] .site-header.style-2 .nav > li.menu-item-has-children.active > a:after, html[data-theme-color=skin-1] .site-header.style-2 .nav > li.menu-item-has-children:hover > a:after, html[data-theme-color=skin-1] .site-header.style-2 .nav > li.sub-menu-down.active > a:after, html[data-theme-color=skin-1] .site-header.style-2 .nav > li.sub-menu-down:hover > a:after { background-image: url("data:image/svg+xml,"); } html[data-theme-color=skin-2] { --bs-body-color: #566593; --bs-heading-color: #30266D; --bs-heading-color-rgb: 48, 38, 109; --bs-primary: #F9669D; --bs-secondary: #30266D; --bs-light: #FFF5F9; --bs-primary-rgb: 249, 102, 157; --bs-secondary-rgb: 48, 38, 109; --bs-light-rgb: 255, 245, 249; --bs-primary-text-emphasis: rgb(99.6, 40.8, 62.8); --bs-secondary-text-emphasis: rgb(19.2, 15.2, 43.6); --bs-light-text-emphasis: rgb(102, 98, 99.6); --bs-primary-bg-subtle: rgb(253.8, 224.4, 235.4); --bs-secondary-bg-subtle: rgb(253.8, 224.4, 235.4); --bs-light-bg-subtle: rgb(255, 253, 253.8); --bs-primary-border-subtle: rgb(253.8, 224.4, 235.4); --bs-secondary-border-subtle: rgb(213.6, 211.6, 225.8); --bs-light-border-subtle: rgb(255, 253, 253.8); --bs-primary-btn-hover-bg: rgb(211.65, 86.7, 133.45); --bs-primary-btn-hover-border-color: rgb(211.65, 86.7, 133.45); --bs-secondary-btn-hover-bg: rgb(40.8, 32.3, 92.65); --bs-secondary-btn-hover-border-color: rgb(40.8, 32.3, 92.65); --bs-light-btn-hover-bg: rgb(216.75, 208.25, 211.65); --bs-light-btn-hover-border-color: rgb(216.75, 208.25, 211.65); } html[data-theme-color=skin-2] .site-header.style-2 .nav > li.menu-item-has-children.active > a:after, html[data-theme-color=skin-2] .site-header.style-2 .nav > li.menu-item-has-children:hover > a:after, html[data-theme-color=skin-2] .site-header.style-2 .nav > li.sub-menu-down.active > a:after, html[data-theme-color=skin-2] .site-header.style-2 .nav > li.sub-menu-down:hover > a:after { background-image: url("data:image/svg+xml,"); } html[data-theme-color=skin-3] { --bs-body-bg: #FFFCF8; --bs-body-color: #566593; --bs-heading-color: #0A3366; --bs-heading-color-rgb: 10, 51, 102; --bs-primary: #F46700; --bs-secondary: #0A3366; --bs-light: #FDF5E8; --bs-primary-rgb: 244, 103, 0; --bs-secondary-rgb: 10, 51, 102; --bs-light-rgb: 253, 245, 232; --bs-primary-text-emphasis: rgb(97.6, 41.2, 0); --bs-secondary-text-emphasis: rgb(4, 20.4, 40.8); --bs-light-text-emphasis: rgb(101.2, 98, 92.8); --bs-primary-bg-subtle: rgb(252.8, 224.6, 204); --bs-secondary-bg-subtle: rgb(252.8, 224.6, 204); --bs-light-bg-subtle: rgb(254.6, 253, 250.4); --bs-primary-border-subtle: rgb(252.8, 224.6, 204); --bs-secondary-border-subtle: rgb(206, 214.2, 224.4); --bs-light-border-subtle: rgb(254.6, 253, 250.4); --bs-primary-btn-hover-bg: rgb(207.4, 87.55, 0); --bs-primary-btn-hover-border-color: rgb(207.4, 87.55, 0); --bs-secondary-btn-hover-bg: rgb(8.5, 43.35, 86.7); --bs-secondary-btn-hover-border-color: rgb(8.5, 43.35, 86.7); --bs-light-btn-hover-bg: rgb(215.05, 208.25, 197.2); --bs-light-btn-hover-border-color: rgb(215.05, 208.25, 197.2); } html[data-theme-color=skin-3] .site-header.style-2 .nav > li.menu-item-has-children.active > a:after, html[data-theme-color=skin-3] .site-header.style-2 .nav > li.menu-item-has-children:hover > a:after, html[data-theme-color=skin-3] .site-header.style-2 .nav > li.sub-menu-down.active > a:after, html[data-theme-color=skin-3] .site-header.style-2 .nav > li.sub-menu-down:hover > a:after { background-image: url("data:image/svg+xml,"); } html[data-theme-color=skin-4] { --bs-body-color: #566593; --bs-heading-color: #082472; --bs-heading-color-rgb: 8, 36, 114; --bs-primary: #0FC175; --bs-secondary: #082472; --bs-light: #EFFEF8; --bs-primary-rgb: 15, 193, 117; --bs-secondary-rgb: 8, 36, 114; --bs-light-rgb: 239, 254, 248; --bs-primary-text-emphasis: rgb(6, 77.2, 46.8); --bs-secondary-text-emphasis: rgb(3.2, 14.4, 45.6); --bs-light-text-emphasis: rgb(95.6, 101.6, 99.2); --bs-primary-bg-subtle: rgb(207, 242.6, 227.4); --bs-secondary-bg-subtle: rgb(207, 242.6, 227.4); --bs-light-bg-subtle: rgb(251.8, 254.8, 253.6); --bs-primary-border-subtle: rgb(207, 242.6, 227.4); --bs-secondary-border-subtle: rgb(205.6, 211.2, 226.8); --bs-light-border-subtle: rgb(251.8, 254.8, 253.6); --bs-primary-btn-hover-bg: rgb(12.75, 164.05, 99.45); --bs-primary-btn-hover-border-color: rgb(12.75, 164.05, 99.45); --bs-secondary-btn-hover-bg: rgb(6.8, 30.6, 96.9); --bs-secondary-btn-hover-border-color: rgb(6.8, 30.6, 96.9); --bs-light-btn-hover-bg: rgb(203.15, 215.9, 210.8); --bs-light-btn-hover-border-color: rgb(203.15, 215.9, 210.8); } html[data-theme-color=skin-4] .site-header.style-2 .nav > li.menu-item-has-children.active > a:after, html[data-theme-color=skin-4] .site-header.style-2 .nav > li.menu-item-has-children:hover > a:after, html[data-theme-color=skin-4] .site-header.style-2 .nav > li.sub-menu-down.active > a:after, html[data-theme-color=skin-4] .site-header.style-2 .nav > li.sub-menu-down:hover > a:after { background-image: url("data:image/svg+xml,"); } html[data-theme-color=skin-5] { --bs-body-color: #566593; --bs-heading-color: #121C52; --bs-heading-color-rgb: 18, 28, 82; --bs-primary: #F84365; --bs-secondary: #121C52; --bs-light: #FFF4F6; --bs-primary-rgb: 248, 67, 101; --bs-secondary-rgb: 18, 28, 82; --bs-light-rgb: 255, 244, 246; --bs-primary-text-emphasis: rgb(99.2, 26.8, 40.4); --bs-secondary-text-emphasis: rgb(7.2, 11.2, 32.8); --bs-light-text-emphasis: rgb(102, 97.6, 98.4); --bs-primary-bg-subtle: rgb(253.6, 217.4, 224.2); --bs-secondary-bg-subtle: rgb(253.6, 217.4, 224.2); --bs-light-bg-subtle: rgb(255, 252.8, 253.2); --bs-primary-border-subtle: rgb(253.6, 217.4, 224.2); --bs-secondary-border-subtle: rgb(207.6, 209.6, 220.4); --bs-light-border-subtle: rgb(255, 252.8, 253.2); --bs-primary-btn-hover-bg: rgb(210.8, 56.95, 85.85); --bs-primary-btn-hover-border-color: rgb(210.8, 56.95, 85.85); --bs-secondary-btn-hover-bg: rgb(15.3, 23.8, 69.7); --bs-secondary-btn-hover-border-color: rgb(15.3, 23.8, 69.7); --bs-light-btn-hover-bg: rgb(216.75, 207.4, 209.1); --bs-light-btn-hover-border-color: rgb(216.75, 207.4, 209.1); } html[data-theme-color=skin-5] .site-header.style-2 .nav > li.menu-item-has-children.active > a:after, html[data-theme-color=skin-5] .site-header.style-2 .nav > li.menu-item-has-children:hover > a:after, html[data-theme-color=skin-5] .site-header.style-2 .nav > li.sub-menu-down.active > a:after, html[data-theme-color=skin-5] .site-header.style-2 .nav > li.sub-menu-down:hover > a:after { background-image: url("data:image/svg+xml,"); } html[data-theme-color=skin-6] { --bs-body-color: #566593; --bs-heading-color: #0A1B4E; --bs-heading-color-rgb: 10, 27, 78; --bs-primary: #3C48D3; --bs-secondary: #0A1B4E; --bs-light: #F4F5FF; --bs-primary-rgb: 60, 72, 211; --bs-secondary-rgb: 10, 27, 78; --bs-light-rgb: 244, 245, 255; --bs-primary-text-emphasis: rgb(24, 28.8, 84.4); --bs-secondary-text-emphasis: rgb(4, 10.8, 31.2); --bs-light-text-emphasis: rgb(97.6, 98, 102); --bs-primary-bg-subtle: rgb(216, 218.4, 246.2); --bs-secondary-bg-subtle: rgb(216, 218.4, 246.2); --bs-light-bg-subtle: rgb(252.8, 253, 255); --bs-primary-border-subtle: rgb(216, 218.4, 246.2); --bs-secondary-border-subtle: rgb(206, 209.4, 219.6); --bs-light-border-subtle: rgb(252.8, 253, 255); --bs-primary-btn-hover-bg: rgb(51, 61.2, 179.35); --bs-primary-btn-hover-border-color: rgb(51, 61.2, 179.35); --bs-secondary-btn-hover-bg: rgb(8.5, 22.95, 66.3); --bs-secondary-btn-hover-border-color: rgb(8.5, 22.95, 66.3); --bs-light-btn-hover-bg: rgb(207.4, 208.25, 216.75); --bs-light-btn-hover-border-color: rgb(207.4, 208.25, 216.75); } html[data-theme-color=skin-6] .site-header.style-2 .nav > li.menu-item-has-children.active > a:after, html[data-theme-color=skin-6] .site-header.style-2 .nav > li.menu-item-has-children:hover > a:after, html[data-theme-color=skin-6] .site-header.style-2 .nav > li.sub-menu-down.active > a:after, html[data-theme-color=skin-6] .site-header.style-2 .nav > li.sub-menu-down:hover > a:after { background-image: url("data:image/svg+xml,"); } html[data-theme-color=skin-7] { --bs-body-color: #566593; --bs-heading-color: #043186; --bs-heading-color-rgb: 4, 49, 134; --bs-primary: #F3A952; --bs-secondary: #043186; --bs-light: #FFF5EA; --bs-primary-rgb: 243, 169, 82; --bs-secondary-rgb: 4, 49, 134; --bs-light-rgb: 255, 245, 234; --bs-primary-text-emphasis: rgb(97.2, 67.6, 32.8); --bs-secondary-text-emphasis: rgb(1.6, 19.6, 53.6); --bs-light-text-emphasis: rgb(102, 98, 93.6); --bs-primary-bg-subtle: rgb(252.6, 237.8, 220.4); --bs-secondary-bg-subtle: rgb(252.6, 237.8, 220.4); --bs-light-bg-subtle: rgb(255, 253, 250.8); --bs-primary-border-subtle: rgb(252.6, 237.8, 220.4); --bs-secondary-border-subtle: rgb(204.8, 213.8, 230.8); --bs-light-border-subtle: rgb(255, 253, 250.8); --bs-primary-btn-hover-bg: rgb(206.55, 143.65, 69.7); --bs-primary-btn-hover-border-color: rgb(206.55, 143.65, 69.7); --bs-secondary-btn-hover-bg: rgb(3.4, 41.65, 113.9); --bs-secondary-btn-hover-border-color: rgb(3.4, 41.65, 113.9); --bs-light-btn-hover-bg: rgb(216.75, 208.25, 198.9); --bs-light-btn-hover-border-color: rgb(216.75, 208.25, 198.9); } html[data-theme-color=skin-7] .site-header.style-2 .nav > li.menu-item-has-children.active > a:after, html[data-theme-color=skin-7] .site-header.style-2 .nav > li.menu-item-has-children:hover > a:after, html[data-theme-color=skin-7] .site-header.style-2 .nav > li.sub-menu-down.active > a:after, html[data-theme-color=skin-7] .site-header.style-2 .nav > li.sub-menu-down:hover > a:after { background-image: url("data:image/svg+xml,"); } html[data-theme-color=skin-8] { --bs-body-color: #566593; --bs-heading-color: #000E44; --bs-heading-color-rgb: 0, 14, 68; --bs-primary: #0AD8C1; --bs-secondary: #000E44; --bs-light: #F1FFFD; --bs-primary-rgb: 10, 216, 193; --bs-secondary-rgb: 0, 14, 68; --bs-light-rgb: 241, 255, 253; --bs-primary-text-emphasis: rgb(4, 86.4, 77.2); --bs-secondary-text-emphasis: rgb(0, 5.6, 27.2); --bs-light-text-emphasis: rgb(96.4, 102, 101.2); --bs-primary-bg-subtle: rgb(206, 247.2, 242.6); --bs-secondary-bg-subtle: rgb(206, 247.2, 242.6); --bs-light-bg-subtle: rgb(252.2, 255, 254.6); --bs-primary-border-subtle: rgb(206, 247.2, 242.6); --bs-secondary-border-subtle: rgb(204, 206.8, 217.6); --bs-light-border-subtle: rgb(252.2, 255, 254.6); --bs-primary-btn-hover-bg: rgb(8.5, 183.6, 164.05); --bs-primary-btn-hover-border-color: rgb(8.5, 183.6, 164.05); --bs-secondary-btn-hover-bg: rgb(0, 11.9, 57.8); --bs-secondary-btn-hover-border-color: rgb(0, 11.9, 57.8); --bs-light-btn-hover-bg: rgb(204.85, 216.75, 215.05); --bs-light-btn-hover-border-color: rgb(204.85, 216.75, 215.05); } html[data-theme-color=skin-8] .site-header.style-2 .nav > li.menu-item-has-children.active > a:after, html[data-theme-color=skin-8] .site-header.style-2 .nav > li.menu-item-has-children:hover > a:after, html[data-theme-color=skin-8] .site-header.style-2 .nav > li.sub-menu-down.active > a:after, html[data-theme-color=skin-8] .site-header.style-2 .nav > li.sub-menu-down:hover > a:after { background-image: url("data:image/svg+xml,"); } /*! * Bootstrap v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #00BDE0; --bs-secondary: #031B4E; --bs-success: #31A56D; --bs-info: #0194D9; --bs-warning: #E79600; --bs-danger: #D23636; --bs-light: #ECF5FB; --bs-dark: #444444; --bs-primary-rgb: 0, 189, 224; --bs-secondary-rgb: 3, 27, 78; --bs-success-rgb: 49, 165, 109; --bs-info-rgb: 1, 148, 217; --bs-warning-rgb: 231, 150, 0; --bs-danger-rgb: 210, 54, 54; --bs-light-rgb: 236, 245, 251; --bs-dark-rgb: 68, 68, 68; --bs-primary-text-emphasis: rgb(0, 75.6, 89.6); --bs-secondary-text-emphasis: rgb(1.2, 10.8, 31.2); --bs-success-text-emphasis: rgb(19.6, 66, 43.6); --bs-info-text-emphasis: rgb(0.4, 59.2, 86.8); --bs-warning-text-emphasis: rgb(92.4, 60, 0); --bs-danger-text-emphasis: rgb(84, 21.6, 21.6); --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: rgb(204, 241.8, 248.8); --bs-secondary-bg-subtle: rgb(204.6, 209.4, 219.6); --bs-success-bg-subtle: rgb(213.8, 237, 225.8); --bs-info-bg-subtle: rgb(204.2, 233.6, 247.4); --bs-warning-bg-subtle: rgb(250.2, 234, 204); --bs-danger-bg-subtle: rgb(246, 214.8, 214.8); --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: rgb(153, 228.6, 242.6); --bs-secondary-border-subtle: rgb(154.2, 163.8, 184.2); --bs-success-border-subtle: rgb(172.6, 219, 196.6); --bs-info-border-subtle: rgb(153.4, 212.2, 239.8); --bs-warning-border-subtle: rgb(245.4, 213, 153); --bs-danger-border-subtle: rgb(237, 174.6, 174.6); --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: "Poppins", sans-serif; --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.6; --bs-body-color: #566593; --bs-body-color-rgb: 86, 101, 147; --bs-body-bg: #ffffff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(86, 101, 147, 0.75); --bs-secondary-color-rgb: 86, 101, 147; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(86, 101, 147, 0.5); --bs-tertiary-color-rgb: 86, 101, 147; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: #031B4E; --bs-link-color: #00BDE0; --bs-link-color-rgb: 0, 189, 224; --bs-link-decoration: underline; --bs-link-hover-color: rgb(0, 151.2, 179.2); --bs-link-hover-color-rgb: 0, 151, 179; --bs-code-color: #d63384; --bs-highlight-color: #566593; --bs-highlight-bg: rgb(254.6, 252.8, 212.4); --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #E1EBF1; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.75rem; --bs-border-radius-lg: 1rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.05); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(0, 189, 224, 0.25); --bs-form-valid-color: #31A56D; --bs-form-valid-border-color: #31A56D; --bs-form-invalid-color: #D23636; --bs-form-invalid-border-color: #D23636; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 600; line-height: 1.2; color: var(--bs-heading-color); } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 1.75rem; } } h3, .h3 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.5rem; } } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1.125rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } sub { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } code { font-family: var(--bs-font-monospace); font-size: 1em; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .figure { display: inline-block; } .container, .container-fluid { --bs-gutter-x: 20px; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1400px) { .container { max-width: 1330px; } } :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: 20px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-12 { flex: 0 0 auto; width: 100%; } .g-3 { --bs-gutter-x: 1rem; } .g-3 { --bs-gutter-y: 1rem; } .g-4 { --bs-gutter-x: 1.5rem; } .g-4 { --bs-gutter-y: 1.5rem; } .g-5 { --bs-gutter-x: 3rem; } .g-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 768px) { .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .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-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 992px) { .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%; } .g-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .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-12 { flex: 0 0 auto; width: 100%; } .g-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4 { --bs-gutter-y: 1.5rem; } } @media (min-width: 1400px) { .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } } .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: #566593; --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: #566593; --bs-table-striped-bg: #F4F6FA; --bs-table-active-color: #566593; --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: #566593; --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 15px 25px; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.6; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: rgb(127.5, 222, 239.5); outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 189, 224, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.6em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } textarea.form-control { min-height: calc(1.6em + 0.75rem + calc(var(--bs-border-width) * 2)); } .form-floating { position: relative; } .form-floating > .form-control { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control { padding: 1rem 0.75rem; } .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: #6c757d; } .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after { background-color: var(--bs-secondary-bg); } .btn { --bs-btn-padding-x: 25px; --bs-btn-padding-y: 14px; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.25; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: 15px; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #000000; --bs-btn-bg: #00BDE0; --bs-btn-border-color: #00BDE0; --bs-btn-hover-color: #000000; --bs-btn-hover-bg: rgb(38.25, 198.9, 228.65); --bs-btn-hover-border-color: rgb(25.5, 195.6, 227.1); --bs-btn-focus-shadow-rgb: 0, 161, 190; --bs-btn-active-color: #000000; --bs-btn-active-bg: rgb(51, 202.2, 230.2); --bs-btn-active-border-color: rgb(25.5, 195.6, 227.1); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000000; --bs-btn-disabled-bg: #00BDE0; --bs-btn-disabled-border-color: #00BDE0; } .btn-secondary { --bs-btn-color: #ffffff; --bs-btn-bg: #031B4E; --bs-btn-border-color: #031B4E; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: rgb(2.55, 22.95, 66.3); --bs-btn-hover-border-color: rgb(2.4, 21.6, 62.4); --bs-btn-focus-shadow-rgb: 41, 61, 105; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: rgb(2.4, 21.6, 62.4); --bs-btn-active-border-color: rgb(2.25, 20.25, 58.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #031B4E; --bs-btn-disabled-border-color: #031B4E; } .btn-success { --bs-btn-color: #000000; --bs-btn-bg: #31A56D; --bs-btn-border-color: #31A56D; --bs-btn-hover-color: #000000; --bs-btn-hover-bg: rgb(79.9, 178.5, 130.9); --bs-btn-hover-border-color: rgb(69.6, 174, 123.6); --bs-btn-focus-shadow-rgb: 42, 140, 93; --bs-btn-active-color: #000000; --bs-btn-active-bg: rgb(90.2, 183, 138.2); --bs-btn-active-border-color: rgb(69.6, 174, 123.6); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000000; --bs-btn-disabled-bg: #31A56D; --bs-btn-disabled-border-color: #31A56D; } .btn-outline-secondary { --bs-btn-color: #031B4E; --bs-btn-border-color: #031B4E; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #031B4E; --bs-btn-hover-border-color: #031B4E; --bs-btn-focus-shadow-rgb: 3, 27, 78; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #031B4E; --bs-btn-active-border-color: #031B4E; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #031B4E; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #031B4E; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #31A56D; --bs-btn-border-color: #31A56D; --bs-btn-hover-color: #000000; --bs-btn-hover-bg: #31A56D; --bs-btn-hover-border-color: #31A56D; --bs-btn-focus-shadow-rgb: 49, 165, 109; --bs-btn-active-color: #000000; --bs-btn-active-bg: #31A56D; --bs-btn-active-border-color: #31A56D; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #31A56D; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #31A56D; --bs-gradient: none; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg { --bs-btn-padding-y: 18px; --bs-btn-padding-x: 25px; --bs-btn-font-size: 1.125rem; --bs-btn-border-radius: 15px; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .nav { --bs-nav-link-padding-x: 1.25rem; --bs-nav-link-padding-y: 0.625rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link:hover { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 189, 224, 0.25); } .nav-tabs .nav-link:hover { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-underline .nav-link:hover { border-bottom-color: currentcolor; } .navbar-brand:hover { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.625rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-text a:hover { color: var(--bs-navbar-active-color); } .navbar-toggler:hover { text-decoration: none; } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 10px; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .accordion-button:hover { z-index: 2; } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: 8px; } } .progress { --bs-progress-height: 8px; --bs-progress-font-size: 0.75rem; --bs-progress-bg: rgba(var(--bs-primary-rgb), 0.1); --bs-progress-border-radius: 20px; --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #ffffff; --bs-progress-bar-bg: var(--bs-primary); --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .list-group-item-action:hover { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .btn-close { --bs-btn-close-color: #000000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(0, 189, 224, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } /* rtl:begin:ignore */ /* rtl:end:ignore */ /* rtl:begin:ignore */ /* rtl:end:ignore */ /* rtl:begin:ignore */ /* rtl:end:ignore */ /* rtl:begin:ignore */ /* rtl:end:ignore */ .carousel-control-prev:hover, .carousel-control-next:hover { color: #ffffff; text-decoration: none; outline: 0; opacity: 0.9; } .spinner-border { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .spinner-border { --bs-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.6; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .link-primary:hover { color: RGBA(51, 202, 230, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(51, 202, 230, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover { color: RGBA(2, 22, 62, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(2, 22, 62, var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover { color: RGBA(90, 183, 138, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(90, 183, 138, var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover { color: RGBA(52, 169, 225, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(52, 169, 225, var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover { color: RGBA(236, 171, 51, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(236, 171, 51, var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover { color: RGBA(168, 43, 43, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(168, 43, 43, var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover { color: RGBA(240, 247, 252, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(240, 247, 252, var(--bs-link-underline-opacity, 1)) !important; } .link-dark:hover { color: RGBA(54, 54, 54, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(54, 54, 54, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .sticky-top { position: sticky; top: 0; z-index: 1020; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .object-fit-cover { object-fit: cover !important; } .overflow-hidden { overflow: hidden !important; } .d-inline { display: inline !important; } .d-block { display: block !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-none { display: none !important; } .position-relative { position: relative !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .w-100 { width: 100% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .flex-wrap { flex-wrap: wrap !important; } .justify-content-center { justify-content: center !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-self-center { align-self: center !important; } .m-0 { margin: 0 !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .me-2 { margin-right: 0.5rem !important; } .mb-0 { margin-bottom: 0 !important; } .mb-3 { margin-bottom: 1rem !important; } .p-0 { padding: 0 !important; } .p-4 { padding: 1.5rem !important; } .pt-0 { padding-top: 0 !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .text-start { text-align: left !important; } .text-center { text-align: center !important; } .text-decoration-underline { text-decoration: underline !important; } .text-uppercase { text-transform: uppercase !important; } /* rtl:begin:remove */ /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .rounded-circle { border-radius: 50% !important; } .visible { visibility: visible !important; } .z-2 { z-index: 2 !important; } @media (min-width: 576px) { .mb-sm-0 { margin-bottom: 0 !important; } } @media (min-width: 768px) { .d-md-block { display: block !important; } .d-md-none { display: none !important; } .text-md-end { text-align: right !important; } } @media (min-width: 992px) { .order-lg-1 { order: 1 !important; } .text-lg-end { text-align: right !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .ps-xl-5 { padding-left: 3rem !important; } } @media (min-width: 1400px) { .d-xxl-block { display: block !important; } } * { outline: none; padding: 0; } *::after { margin: 0; padding: 0; } *::before { margin: 0; padding: 0; } html { overflow: unset !important; } body { overflow-x: clip !important; overflow-y: scroll !important; } body.fixed { overflow: hidden !important; } @media only screen and (max-width: 575px) { body { font-size: 14px; } } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color: var(--bs-heading-color); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--font-family-title); font-weight: 600; color: var(--bs-heading-color); line-height: 1.4; } h1, .h1 { font-size: 2.5rem; line-height: 1.2; } @media only screen and (max-width: 1199px) { h1, .h1 { font-size: 2.2rem; } } @media only screen and (max-width: 767px) { h1, .h1 { font-size: 2rem; } } @media only screen and (max-width: 575px) { h1, .h1 { font-size: 1.7rem; } } h2, .h2 { font-size: 1.75rem; } @media only screen and (max-width: 1199px) { h2, .h2 { font-size: 1.7rem; } } @media only screen and (max-width: 767px) { h2, .h2 { font-size: 1.5rem; } } h3, .h3 { font-size: 1.5rem; } @media only screen and (max-width: 1199px) { h3, .h3 { font-size: 1.28rem; } } @media only screen and (max-width: 767px) { h3, .h3 { font-size: 1.2rem; } } h4, .h4 { font-size: 1.25rem; } @media only screen and (max-width: 767px) { h4, .h4 { font-size: 1.25rem; } } h5, .h5 { font-size: 1.125rem; } @media only screen and (max-width: 767px) { h5, .h5 { font-size: 1.125rem; } } h6, .h6 { font-size: 1rem; } @media only screen and (max-width: 767px) { h6, .h6 { font-size: 1rem; } } ul { padding: 0; margin: 0; } img { border-style: none; height: auto; max-width: 100%; vertical-align: middle; } li { list-style: none; } a { text-decoration: none; outline: none; color: var(--bs-primary); -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } a:hover { text-decoration: none; outline: none; color: var(--bs-primary); } .radius-xl { border-radius: var(--radius-xl); } .radius-lg { border-radius: var(--radius-lg); } .radius-md { border-radius: var(--radius-md); } @media only screen and (max-width: 575px) { :root { --radius-xl: 15px; --radius-lg: 10px; --radius-md: 8px; --radius-sm: 6px; } } .container-fluid { padding-left: 100px; padding-right: 100px; } @media only screen and (max-width: 1480px) { .container-fluid { padding-left: 35px; padding-right: 35px; } } @media only screen and (max-width: 575px) { .container-fluid { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 575px) { .container { --bs-gutter-x: 30px; } } b, strong, .strong { font-weight: 700; } ::selection { color: #ffffff; background: var(--bs-primary); } /* Flaticon */ i[class*=flaticon-] { display: inline-flex !important; vertical-align: middle; } .content-inner { padding-top: 100px; padding-bottom: 70px; } @media only screen and (max-width: 1480px) { .content-inner { padding-top: 70px; padding-bottom: 40px; } } @media only screen and (max-width: 767px) { .content-inner { padding-top: 50px; padding-bottom: 20px; } } @media only screen and (max-width: 575px) { .content-inner { padding-top: 40px; padding-bottom: 20px; } } .content-inner-1 { padding-top: 100px; padding-bottom: 100px; } @media only screen and (max-width: 1480px) { .content-inner-1 { padding-top: 70px; padding-bottom: 70px; } } @media only screen and (max-width: 767px) { .content-inner-1 { padding-top: 50px; padding-bottom: 50px; } } @media only screen and (max-width: 575px) { .content-inner-1 { padding-top: 40px; padding-bottom: 40px; } } .content-inner-2 { padding-top: 100px; padding-bottom: 0; } @media only screen and (max-width: 1480px) { .content-inner-2 { padding-top: 70px; } } @media only screen and (max-width: 767px) { .content-inner-2 { padding-top: 50px; } } @media only screen and (max-width: 575px) { .content-inner-2 { padding-top: 40px; } } .content-inner-3 { padding-top: 70px; padding-bottom: 40px; } @media only screen and (max-width: 991px) { .content-inner-3 { padding-top: 50px; padding-bottom: 20px; } } .lg-toolbar .lg-icon:hover { color: var(--bs-primary); } img::selection { background: none; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-thumb { background-color: rgba(223, 223, 223, 0.9); } ::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0); } * { scrollbar-color: rgba(223, 223, 223, 0.9) rgba(255, 255, 255, 0); scrollbar-width: thin; } @supports (-ms-ime-align: auto) { * { scrollbar-color: rgba(223, 223, 223, 0.9) rgba(255, 255, 255, 0); scrollbar-width: thin; } } .title-dashed-separator { padding-bottom: 12px; margin-bottom: 20px; font-size: 20px; position: relative; } .title-dashed-separator::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-image: linear-gradient(to right, rgba(var(--bs-body-color-rgb), 0.3) 50%, rgba(255, 255, 255, 0) 0%); background-size: 10px 1px; background-repeat: repeat-x; } .background-blend-burn { background-blend-mode: color-burn; } .background-blend-luminosity { background-blend-mode: luminosity; } .g-20 { --bs-gutter-y: 20px; --bs-gutter-x: 20px; } .max-w600 { max-width: 600px; } @keyframes dzRing1 { from, 4% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -330; } 12% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -335; } 32% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -595; } 40%, 54% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -660; } 62% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -665; } 82% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -925; } 90%, to { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -990; } } @keyframes dzRing2 { from, 12% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -110; } 20% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -115; } 40% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -195; } 48%, 62% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -220; } 70% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -225; } 90% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -305; } 98%, to { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -330; } } @keyframes dzRing3 { from { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 8% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 28% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 36%, 58% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 66% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 86% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 94%, to { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } } @keyframes dzRing4 { from, 8% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 16% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 36% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 44%, 50% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 58% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 78% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 86%, to { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } } @keyframes load { 0% { left: 0; height: 30px; width: 15px; } 50% { height: 5px; width: 40px; } 100% { left: 235px; height: 30px; width: 15px; } } @keyframes dz_glitch { 0% { transform: translate(0); } 20% { transform: translate(-2px, 2px); } 40% { transform: translate(-2px, -2px); } 60% { transform: translate(2px, 2px); } 80% { transform: translate(2px, -2px); } to { transform: translate(0); } } @keyframes dzMoving { 50% { width: 100%; } 100% { width: 0; right: 0; left: unset; } } .font-16 { font-size: 16px; } .font-20 { font-size: 20px; } .m-b0 { margin-bottom: 0px; } .m-t5 { margin-top: 5px; } .m-b5 { margin-bottom: 5px; } .m-l5 { margin-left: 5px; } .m-r5 { margin-right: 5px; } .m-t10 { margin-top: 10px; } .m-b10 { margin-bottom: 10px; } .m-l10 { margin-left: 10px; } .m-r10 { margin-right: 10px; } .m-t15 { margin-top: 15px; } .m-b15 { margin-bottom: 15px; } .m-t20 { margin-top: 20px; } .m-b20 { margin-bottom: 20px; } .m-r20 { margin-right: 20px; } .m-b25 { margin-bottom: 25px; } .m-l25 { margin-left: 25px; } .m-r25 { margin-right: 25px; } .p-b30 { padding-bottom: 30px; } .m-t30 { margin-top: 30px; } .m-b30 { margin-bottom: 30px; } .m-r30 { margin-right: 30px; } .m-b40 { margin-bottom: 40px; } .p-t50 { padding-top: 50px; } .max-w600 { max-width: 600px; } .bg-img-fix { background-attachment: fixed; background-size: cover; } .sticky-top { top: 120px; z-index: 1; } section { position: relative; } @media (min-width: 1200px) { .g-xl-4 { --bs-gutter-x: 1.875rem; } } .tl { transform-origin: left; -moz-transform-origin: left; -webkit-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; } /*==== Shortcode Css ====*/ .hero-banner { position: relative; } .hero-banner.style-1 { height: 900px; background-size: cover; background-position: center; overflow: hidden; } .hero-banner.style-1 > * { height: 100%; } .hero-banner.style-1 .inner-wrapper { height: 100%; } .hero-banner.style-1 .title { font-size: 80px; font-weight: bold; margin-bottom: 10px; } .hero-banner.style-1 .text-vertical { font-weight: bold; font-size: 16px; writing-mode: tb; transform: rotate(-180deg) translateY(50%); position: absolute; left: 50px; top: 50%; } .hero-banner.style-1 .text { font-size: 20px; max-width: 500px; font-weight: 300; margin-bottom: 35px; } .hero-banner.style-1 .hero-content { margin-left: -50px; } .hero-banner.style-1 .circle-wrapper { width: 100%; aspect-ratio: 1/1; position: relative; z-index: 1; bottom: -200px; } .hero-banner.style-1 .circle-wrapper .circle1, .hero-banner.style-1 .circle-wrapper .circle2, .hero-banner.style-1 .circle-wrapper .circle3 { border-radius: 50%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 1/1; border: 2px solid rgba(255, 255, 255, 0.6); } .hero-banner.style-1 .circle-wrapper .circle1 { background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); width: 70%; } .hero-banner.style-1 .circle-wrapper .circle2 { background-color: #fff; opacity: 0.6; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); width: 84%; backdrop-filter: blur(20px); } .hero-banner.style-1 .circle-wrapper .circle3 { width: 100%; } .hero-banner.style-1 .hero-thumbnail { position: relative; width: 865px; } .hero-banner.style-1 .hero-thumbnail .thumbnail { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2; } .hero-banner.style-1 .item2 { position: absolute; left: -80px; top: 78%; z-index: 3; } .hero-banner.style-1 .item4 { position: absolute; right: -30px; bottom: 60px; z-index: 3; } .hero-banner.style-1 .item5 { position: absolute; left: 50px; bottom: 50px; z-index: 3; } @media only screen and (max-width: 1680px) { .hero-banner.style-1 { height: 850px; } .hero-banner.style-1 .hero-thumbnail { width: 750px; } } @media only screen and (max-width: 1480px) { .hero-banner.style-1 { height: 800px; } .hero-banner.style-1 .title { font-size: 60px; } .hero-banner.style-1 .title img { display: none; } .hero-banner.style-1 .hero-content { margin-left: 0; } .hero-banner.style-1 .text-vertical { left: 30px; } .hero-banner.style-1 .item4 { right: 30px; } } @media only screen and (max-width: 1380px) { .hero-banner.style-1 .hero-content { margin-left: -50px; } .hero-banner.style-1 .hero-thumbnail { margin-left: -40px; } } @media only screen and (max-width: 1280px) { .hero-banner.style-1 .text-vertical { display: none; } .hero-banner.style-1 .item4 { display: none; } } @media only screen and (max-width: 1199px) { .hero-banner.style-1 { height: 580px; } .hero-banner.style-1 .hero-content { margin-left: 0; } .hero-banner.style-1 .title { font-size: 48px; } .hero-banner.style-1 .item5, .hero-banner.style-1 .item2 { display: none; } .hero-banner.style-1 .hero-thumbnail { width: 550px; } } @media only screen and (max-width: 991px) { .hero-banner.style-1 { height: auto; padding-top: 50px; } .hero-banner.style-1 .hero-thumbnail { margin-left: auto; margin-right: auto; margin-top: 30px; } } @media only screen and (max-width: 575px) { .hero-banner.style-1 .hero-thumbnail { width: 100%; } .hero-banner.style-1 .title { font-size: 36px; } .hero-banner.style-1 .text { font-size: 16px; margin-bottom: 20px; } .hero-banner.style-1 .btn-icon { padding: 14px 18px; border-radius: 10px; font-size: 16px; margin-right: 5px; } .hero-banner.style-1 .btn-icon .right-icon, .hero-banner.style-1 .btn-icon .left-icon { display: none; } .hero-banner.style-1 .circle-wrapper { bottom: -100px; } } .hero-banner.style-2 { height: 1040px; background-size: cover; background-position: center; overflow: hidden; background: linear-gradient(to right, rgb(255, 243, 248) 0%, rgba(255, 243, 248, 0) 50%, rgb(255, 243, 248) 100%); z-index: 1; } .hero-banner.style-2 > * { height: 100%; } .hero-banner.style-2 .inner-wrapper { height: 100%; } .hero-banner.style-2::after { content: ""; height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: -1; } .hero-banner.style-2 .title { font-size: 80px; font-weight: 600; margin-bottom: 30px; } .hero-banner.style-2 .circle-wrapper { width: 85%; aspect-ratio: 1/1; position: absolute; z-index: -1; bottom: -10%; left: -35px; border-radius: 50%; background-image: linear-gradient(to bottom, rgba(var(--bs-primary-rgb), 0.15) 0%, rgba(255, 243, 248, 0) 80%); backdrop-filter: blur(20px); } .hero-banner.style-2 .hero-thumbnail { position: relative; width: 850px; height: 850px; padding-left: 30px; } .hero-banner.style-2 .item2, .hero-banner.style-2 .item4, .hero-banner.style-2 .item5 { position: absolute; } .hero-banner.style-2 .item2 { top: 200px; left: 70px; } .hero-banner.style-2 .item4 { right: 200px; top: 30%; width: 110px; height: 110px; } .hero-banner.style-2 .item4 img { border-radius: 50%; border: 4px solid #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); height: 100%; width: 100%; object-fit: cover; } .hero-banner.style-2 .item5 { left: 50px; top: 15%; width: 148px; height: 148px; } .hero-banner.style-2 .item5 img { border-radius: 50%; border: 4px solid #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); height: 100%; width: 100%; object-fit: cover; } .hero-banner.style-2 .hero-content { position: relative; z-index: 1; } @media only screen and (max-width: 1680px) { .hero-banner.style-2 .hero-thumbnail { padding-left: 0; } .hero-banner.style-2 .item2 { width: 80px; } .hero-banner.style-2 .item4 { right: 245px; top: 30%; width: 80px; height: 80px; } .hero-banner.style-2 .item5 { top: 25%; width: 100px; height: 100px; } } @media only screen and (max-width: 1480px) { .hero-banner.style-2 { height: 980px; } .hero-banner.style-2 .title { font-size: 60px; } .hero-banner.style-2 .hero-thumbnail { width: 750px; height: 750px; } .hero-banner.style-2 .item2 { display: none; } } @media only screen and (max-width: 1380px) { .hero-banner.style-2 .hero-thumbnail { margin-left: -50px; } } @media only screen and (max-width: 1199px) { .hero-banner.style-2 { height: 800px; } .hero-banner.style-2 .hero-content { margin-left: 0; } .hero-banner.style-2 .title { font-size: 48px; } .hero-banner.style-2 .inner-wrapper { padding-top: 30px; } .hero-banner.style-2 .hero-thumbnail { width: 650px; height: 650px; margin-left: -20px; } .hero-banner.style-2 .hero-thumbnail > img { width: 75%; } .hero-banner.style-2 .item4 { right: 165px; width: 60px; height: 60px; } .hero-banner.style-2 .item4 img { border: 3px solid #fff; } .hero-banner.style-2 .item5 { width: 80px; height: 80px; } .hero-banner.style-2 .item5 img { border: 3px solid #fff; } } @media only screen and (max-width: 991px) { .hero-banner.style-2 { height: auto; } .hero-banner.style-2 .inner-wrapper { padding-top: 135px; } .hero-banner.style-2 .hero-thumbnail { width: 100%; height: auto; margin-left: auto; margin-right: auto; text-align: center; margin-top: 30px; } .hero-banner.style-2 .hero-thumbnail > img { width: 65%; } .hero-banner.style-2 .circle-wrapper { left: 50%; transform: translateX(-50%); } .hero-banner.style-2 .item5 { top: 38%; } .hero-banner.style-2 .item4 { right: 110px; } } @media only screen and (max-width: 767px) { .hero-banner.style-2 .title { font-size: 42px; } .hero-banner.style-2 .item4 { right: 60px; } .hero-banner.style-2 .item5 { top: 28%; } } @media only screen and (max-width: 575px) { .hero-banner.style-2 .title { font-size: 36px; margin-bottom: 20px; } .hero-banner.style-2 .inner-wrapper { padding-top: 100px; } .hero-banner.style-2 .hero-thumbnail > img { width: 80%; } .hero-banner.style-2 .circle-wrapper { width: 100%; } .hero-banner.style-2 .item4 { right: 10px; } .hero-banner.style-2 .item5 { top: 20%; left: 15px; } } .hero-banner.style-3 { height: 980px; background-color: var(--bs-light); overflow: hidden; z-index: 1; } .hero-banner.style-3:after { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; z-index: -1; background-repeat: no-repeat; background-position: right -13px bottom; } .hero-banner.style-3 > * { height: 100%; } .hero-banner.style-3 .inner-wrapper { height: 100%; } .hero-banner.style-3 .title { font-size: 85px; font-weight: 600; margin-bottom: 30px; } .hero-banner.style-3 .hero-content { margin-right: -30px; } .hero-banner.style-3 .hero-thumbnail { position: relative; width: 750px; margin-left: 50px; } .hero-banner.style-3 .item2 { top: 15%; left: 7%; position: absolute; } .hero-banner.style-3 .item4 { bottom: 50px; left: 80px; position: absolute; } .hero-banner.style-3 .item4 img { border-radius: 0 50px 50px 0; height: 200px; width: 120px; object-fit: cover; } @media only screen and (max-width: 1680px) { .hero-banner.style-3 .item4 img { border-radius: 0 25px 25px 0; height: 150px; width: 80px; } } @keyframes identifier { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .hero-banner.style-3 .item5 { position: absolute; bottom: 80px; right: 20px; } @media only screen and (max-width: 1680px) { .hero-banner.style-3 .hero-thumbnail { margin-left: 0; } .hero-banner.style-3 .item2 { top: 12%; } .hero-banner.style-3 .item5 { right: -40px; } } @media only screen and (max-width: 1480px) { .hero-banner.style-3 { height: 920px; } .hero-banner.style-3 .title { font-size: 60px; } .hero-banner.style-3 .hero-content { margin-right: 0; margin-left: 40px; } .hero-banner.style-3 .hero-thumbnail { width: 650px; } } @media only screen and (max-width: 1380px) { .hero-banner.style-3 { height: 820px; } .hero-banner.style-3 .hero-content { margin-left: 30px; } .hero-banner.style-3 .hero-thumbnail { width: 580px; } .hero-banner.style-3 .item4 img { border-radius: 0 20px 20px 0; height: 120px; width: 65px; } } @media only screen and (max-width: 1199px) { .hero-banner.style-3 { height: 650px; padding-top: 80px; } .hero-banner.style-3 .title { font-size: 48px; } .hero-banner.style-3 .hero-thumbnail { width: 420px; } .hero-banner.style-3 .hero-content { margin-left: 0; } .hero-banner.style-3 .item2, .hero-banner.style-3 .item4 { display: none; } } @media only screen and (max-width: 991px) { .hero-banner.style-3 { height: 550px; } .hero-banner.style-3 .hero-thumbnail { width: 350px; margin-left: -30px; } .hero-banner.style-3 .title { font-size: 38px; margin-bottom: 15px; } .hero-banner.style-3 .item5 { bottom: 35px; } } @media only screen and (max-width: 767px) { .hero-banner.style-3 { height: auto; padding-top: 120px; } .hero-banner.style-3 .hero-content { margin-bottom: 30px; } .hero-banner.style-3 .hero-thumbnail { margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 575px) { .hero-banner.style-3 { padding-top: 100px; } .hero-banner.style-3 .title { font-size: 32px; } .hero-banner.style-3 .hero-thumbnail { width: 260px; } .hero-banner.style-3 .item5 { bottom: 20px; right: -30px; } } .move-1 { -webkit-animation: move1 10s infinite; animation: move1 10s infinite; } @keyframes move1 { 0% { -webkit-transform: rotate(-1deg) translate(-1px, -1px); transform: rotate(-1deg) translate(-1px, -1px); } 50% { -webkit-transform: rotate(1deg) translate(1px, 1px); transform: rotate(1deg) translate(1px, 1px); } 100% { -webkit-transform: rotate(-1deg) translate(-1px, -1px); transform: rotate(-1deg) translate(-1px, -1px); } } @keyframes move1 { 0% { -webkit-transform: rotate(-1deg) translate(-1px, -1px); transform: rotate(-1deg) translate(-1px, -1px); } 50% { -webkit-transform: rotate(1deg) translate(1px, 1px); transform: rotate(1deg) translate(1px, 1px); } 100% { -webkit-transform: rotate(-1deg) translate(-1px, -1px); transform: rotate(-1deg) translate(-1px, -1px); } } @keyframes move2 { 0% { -webkit-transform: rotate(1deg) translate(1px, 1px); transform: rotate(1deg) translate(1px, 1px); } 50% { -webkit-transform: rotate(-1deg) translate(-1px, -1px); transform: rotate(-1deg) translate(-1px, -1px); } 100% { -webkit-transform: rotate(1deg) translate(1px, 1px); transform: rotate(1deg) translate(1px, 1px); } } @keyframes move3 { 0% { transform: translate(0, 0); } 20% { transform: translate(5px, 0); } 40% { transform: translate(5px, 5px); } 65% { transform: translate(0, 5px); } 65% { transform: translate(5px, 0); } 100% { transform: translate(0, 0); } } .move-4 { -webkit-animation: move4 5s infinite; animation: move4 5s infinite; } @keyframes move4 { 0% { -webkit-transform: translate(0, -5px); transform: translate(0, -5px); } 50% { -webkit-transform: translate(0, 5px); transform: translate(0, 5px); } 100% { -webkit-transform: translate(0, -5px); transform: translate(0, -5px); } } @keyframes identifier { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .info-widget.style-1 { border-radius: 60px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); display: flex; align-items: center; justify-content: center; background-color: #fff; padding: 15px 25px 15px 15px; } .info-widget.style-1 .number { font-weight: 700; font-size: 18px; display: block; line-height: 1.2; } .info-widget.style-1 span { font-size: 14px; line-height: 1.3; display: block; } .info-widget.style-2 { width: 220px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05); border-radius: 25px; background-color: #fff; padding: 20px; } .info-widget.style-2 .widget-content { display: flex; align-items: center; gap: 10px; } .info-widget.style-3 { width: 275px; box-shadow: 0 0 50px rgba(var(--bs-secondary-rgb), 0.1); border-radius: 25px; background-color: #fff; padding: 20px; } .info-widget.style-3 .widget-head { display: flex; gap: 12px; margin-bottom: 12px; } .info-widget.style-3 .widget-media { width: 45px; height: 45px; overflow: hidden; border-radius: 50%; } .info-widget.style-3 .title { margin-bottom: 0; font-size: 16px; } .info-widget.style-3 p { font-size: 13px; margin-bottom: 0; } @media only screen and (max-width: 1480px) { .info-widget.style-3 { width: 245px; } .info-widget.style-3 .title { font-size: 14px; } } .info-widget.style-4 { background-size: cover; padding: 60px 0 0 60px; } .info-widget.style-4 .widget-media { width: 60px; height: 60px; padding: 10px; background-color: #fff; border-radius: 15px 15px 0 15px; position: absolute; left: 0; top: 0; box-shadow: -20px 10px 50px rgba(var(--bs-secondary-rgb), 0.1); } .info-widget.style-4 .widget-media img { border-radius: 10px; } .info-widget.style-4 .widget-media::before, .info-widget.style-4 .widget-media::after { content: ""; position: absolute; background-image: url("data:image/svg+xml,"); background-size: 100%; height: 20px; width: 20px; } .info-widget.style-4 .widget-media::before { bottom: 0; right: -20px; } .info-widget.style-4 .widget-media::after { bottom: -20px; right: 0; transform: rotate(180deg); } .info-widget.style-4 .widget-content { background-color: #fff; border-radius: 0 15px 15px 15px; padding: 15px 18px 12px; box-shadow: 0 20px 50px rgba(var(--bs-secondary-rgb), 0.1); } .info-widget.style-4 .widget-content .title { font-size: 14px; color: #566593; font-weight: 400; margin-bottom: 0; } .info-widget.style-4 .widget-content a { font-size: 18px; color: var(--bs-primary); font-weight: 500; display: block; } .info-widget.style-4 .widget-content .text { background-color: var(--bs-secondary); color: #fff; display: table; padding: 5px 12px; border-radius: 10px 10px 0 0; font-size: 14px; font-weight: 500; margin-top: 5px; margin-bottom: -12px; } .info-widget.style-5 { display: inline-flex; align-items: center; gap: 15px; } .info-widget.style-5 .widget-media { width: 35px; height: 35px; } .info-widget.style-5 .widget-media i { font-size: 35px; } .info-widget.style-5 .widget-content .title { font-size: 14px; color: #566593; font-weight: 400; margin-bottom: 0px; } .info-widget.style-5 .widget-content a { font-size: 18px; font-weight: 600; color: var(--bs-primary); } .info-widget.style-6 { width: 270px; border-radius: 30px; padding: 30px 30px 25px; position: relative; margin: 30px 30px 0 0; } .info-widget.style-6 .title { font-size: 18px; color: #fff; margin-bottom: 15px; } .info-widget.style-6 ul li { color: #fff; font-size: 14px; display: flex; justify-content: space-between; padding: 6px 0; } .info-widget.style-6 .info-icon { width: 78px; height: 78px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 3px solid #fff; position: absolute; right: -30px; top: -30px; padding: 10px; } @media only screen and (max-width: 767px) { .info-widget.style-6 { width: 225px; padding: 20px 20px 15px; margin: 20px 20px 0 0; } .info-widget.style-6 ul li { font-size: 12px; padding: 5px 0; } .info-widget.style-6 .title { font-size: 16px; margin-bottom: 10px; } .info-widget.style-6 .info-icon { width: 50px; height: 50px; right: -20px; top: -20px; } } @media only screen and (max-width: 575px) { .info-widget.style-6 { width: 95%; } } .info-widget.style-7 { display: flex; position: relative; overflow: hidden; } .info-widget.style-7 .widget-media { border: 2px solid #fff; border-radius: 25px; overflow: hidden; width: 205px; position: relative; } .info-widget.style-7 .widget-media img { width: 100%; } .info-widget.style-7 .widget-content { writing-mode: tb; transform: rotate(-180deg); border-radius: 0 25px 25px 0; color: #fff; text-align: center; padding: 15px 15px 15px 40px; font-size: 16px; text-transform: uppercase; font-weight: 600; margin-right: -30px; } @media only screen and (max-width: 1480px) { .info-widget.style-7 .widget-media { width: 185px; } .info-widget.style-7 .widget-content { padding: 10px 10px 10px 40px; font-size: 14px; } } @media only screen and (max-width: 575px) { .info-widget.style-7 .widget-media { width: 100%; } } .info-widget.style-8 { border-radius: 10px; padding: 25px; } .info-widget.style-8 .row > *:not(:last-child)::after { content: ""; width: 1px; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%); opacity: 0.5; } @media only screen and (max-width: 575px) { .info-widget.style-8 { padding: 25px 15px; } } .info-widget.style-9 { border-radius: var(--radius-md); padding: 50px 60px; position: relative; box-shadow: 0 0 60px rgba(var(--bs-secondary-rgb), 0.05); } .info-widget.style-9 .title { font-size: 30px; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .info-widget.style-9 .title:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0) 0%); background-size: 10px 1px; background-repeat: repeat-x; } .info-widget.style-9 ul li { font-size: 18px; display: flex; justify-content: space-between; padding: 10px 0; color: var(--bs-secondary); } .info-widget.style-9 ul li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 1199px) { .info-widget.style-9 { padding: 30px 40px; } .info-widget.style-9 .title { font-size: 20px; margin-bottom: 15px; } .info-widget.style-9 ul li { font-size: 15px; } } @media only screen and (max-width: 767px) { .info-widget.style-9 { padding: 20px 30px; } .info-widget.style-9 .title { font-size: 18px; margin-bottom: 10px; } .info-widget.style-9 ul li { font-size: 14px; padding: 8px 0; } } .info-widget.style-16 { background-color: #fff; border-radius: var(--radius-lg); padding: 25px 30px; box-shadow: 0 0 50px rgba(var(--bs-secondary-rgb), 0.05); } .info-widget.style-16 .icon-bx-wraper.style-1 p { font-size: 14px; font-weight: 400; color: var(--bs-body); } .info-widget.style-16 .row > * { position: relative; } .info-widget.style-16 .row > *:not(:last-child):after { content: ""; height: 100%; position: absolute; right: 10px; top: 0; width: 1px; background-color: #000; opacity: 0.1; } @media only screen and (max-width: 1380px) { .info-widget.style-16 { padding: 15px 15px; } } @media only screen and (max-width: 1199px) { .info-widget.style-16 .row > *:not(:last-child):after { content: none; } } .section-head { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .section-head { margin-bottom: 20px; } } .section-head h2, .section-head .h2 { font-size: 2.625rem; font-weight: 500; line-height: 1.3; } @media only screen and (max-width: 1480px) { .section-head h2, .section-head .h2 { font-size: 2.25rem; } } @media only screen and (max-width: 767px) { .section-head h2, .section-head .h2 { font-size: 1.625rem; } } .section-head h3, .section-head .h3 { font-size: 2.25rem; font-weight: 600; line-height: 1.2; } @media only screen and (max-width: 1200px) { .section-head h3, .section-head .h3 { font-size: 2.15rem; } } @media only screen and (max-width: 991px) { .section-head h3, .section-head .h3 { font-size: 1.75rem; } } .section-head h4, .section-head .h4 { font-size: 2rem; } @media only screen and (max-width: 575px) { .section-head h4, .section-head .h4 { font-size: 1.5rem; } } .section-head p { font-size: 16px; line-height: 1.6; font-weight: 400; } @media only screen and (max-width: 767px) { .section-head p { font-size: 14px; } } .section-head .font-20 { font-size: 20px; font-weight: 600; } @media only screen and (max-width: 1199px) { .section-head .font-20 { font-size: 18px; } } .section-head.text-center p { max-width: 650px; margin-left: auto; margin-right: auto; } .section-head.m-b30 { margin-bottom: 30px; } @media only screen and (max-width: 575px) { .section-head.m-b30 { margin-bottom: 20px; } } .section-head.style-1 .title { font-size: 45px; font-weight: 700; text-transform: capitalize; } .section-head.style-1 p { font-size: 18px; font-weight: 300; } .section-head.style-1 .small { font-size: 16px; font-weight: 400; } .section-head.style-1 .font-20 { font-size: 20px; font-weight: 400; } @media only screen and (max-width: 1199px) { .section-head.style-1 .font-20 { font-size: 18px; } } @media only screen and (max-width: 1480px) { .section-head.style-1 .title { font-size: 38px; } } @media only screen and (max-width: 1199px) { .section-head.style-1 p { font-size: 16px; } } @media only screen and (max-width: 991px) { .section-head.style-1 .title { font-size: 32px; } } @media only screen and (max-width: 575px) { .section-head.style-1 .title { font-size: 28px; } } .section-head.style-2 .title { font-size: 40px; font-weight: 700; text-transform: capitalize; } .section-head.style-2 p { font-size: 18px; font-weight: 300; } @media only screen and (max-width: 1480px) { .section-head.style-2 .title { font-size: 38px; } } @media only screen and (max-width: 1199px) { .section-head.style-2 p { font-size: 16px; } } @media only screen and (max-width: 991px) { .section-head.style-2 .title { font-size: 32px; } } @media only screen and (max-width: 575px) { .section-head.style-2 .title { font-size: 28px; } .section-head.style-2 p { font-size: 14px; } } .section-head.style-3 .title { font-size: 55px; font-weight: 700; text-transform: capitalize; line-height: 1.2; } .section-head.style-3 p { font-size: 18px; font-weight: 300; } .section-head.style-3.text-center p { max-width: 850px; } @media only screen and (max-width: 1480px) { .section-head.style-3 .title { font-size: 45px; } } @media only screen and (max-width: 1199px) { .section-head.style-3 .title { font-size: 42px; } .section-head.style-3 p { font-size: 16px; } } @media only screen and (max-width: 991px) { .section-head.style-3 .title { font-size: 32px; } } @media only screen and (max-width: 575px) { .section-head.style-3 .title { font-size: 28px; } .section-head.style-3 p { font-size: 14px; } } .list-hover1 > li > a { position: relative; } .list-hover1 > li > a > span { position: relative; } .list-hover1 > li > a > span:after { content: ""; position: absolute; right: -1px; bottom: 0; height: 1px; width: 0; background-color: var(--bs-primary); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .list-hover1 > li > a:hover > span:after, .list-hover1 > li > a.active > span:after { width: 100%; transform-origin: right; -moz-transform-origin: right; -webkit-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; right: auto; left: 0; } .list-hover2 > li > a:hover > span:after { opacity: 1; transform: translateY(0); } .list-hover4 > li > a:hover::after { top: 5px; } .list-hover4 > li > a:hover > span { -webkit-transform: translateY(-25px); transform: translateY(-25px); } .list-hover5 > li > a:hover > span::after { animation: listHover5 0.8s linear forwards; animation-timing-function: linear; animation-timing-function: cubic-bezier(0.65, 0.05, 0.35, 1); } .testimonial-5:hover { transform: translateY(-5px); } .dz-marquee.style-1:hover .marquee-list { animation-play-state: paused; } .dz-marquee.style-2:hover .marquee-list { animation-play-state: paused; } @keyframes ticker { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .pricingtable-wrapper.style-2:hover { transform: translateY(-10px); } .pricingtable-wrapper.style-3:hover { background-color: rgba(var(--bs-primary-rgb), 0.04); } .clients-logo2:hover { background-color: var(--bs-light); } .clients-logo2:hover.light { background-color: rgba(255, 255, 255, 0.1); } .clients-logo2:hover.hover-white { background-color: #fff; } select, button { padding: 0.6rem 1rem; border-radius: 8px; border: 1px solid #cfd9e4; font-size: 1rem; cursor: pointer; background: white; } .day.disabled { color: #ccc; pointer-events: none; } .slot:hover { background-color: rgba(var(--bs-primary-rgb), 0.1); } .footer { text-align: right; margin-top: 1.5rem; } .icon-bx-wraper { position: relative; } .icon-bx-wraper .dz-title { margin-top: 0; } .icon-bx-wraper p:last-child { margin: 0; } .icon-bx-wraper.center { text-align: center; } .icon-bx-wraper.right { text-align: right; } .icon-content { overflow: hidden; } [class*=icon-bx-][class*=bg-] a, [class*=icon-bx-][class*=bg-] span { color: #ffffff; } [class*=icon-bx-].bg-white a { color: inherit; } .dz-info, .dz-title { position: relative; } .dz-media { position: relative; overflow: hidden; } .dz-media img { max-width: 100%; height: auto; width: 100%; } .icon-bx-wraper .icon-bx { position: relative; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-1 { display: flex; gap: 15px; text-align: left; } .icon-bx-wraper.style-1 .icon-bx { width: 60px; min-width: 60px; height: 60px; display: flex; align-items: center; color: var(--bs-primary); font-size: 24px; justify-content: center; background-color: var(--bs-light); border-radius: 50%; } .icon-bx-wraper.style-1 .icon-bx i { display: flex; } .icon-bx-wraper.style-1 .icon-bx[class*=bg-] { color: #fff; } .icon-bx-wraper.style-1 p { font-size: 15px; font-weight: 300; color: var(--bs-body); } .icon-bx-wraper.style-1 .dz-title { font-size: 18px; font-weight: 500; margin-bottom: 5px; } .bg-primary .icon-bx-wraper.style-1 .icon-bx, .bg-secondary .icon-bx-wraper.style-1 .icon-bx { background-color: rgba(255, 255, 255, 0.1); color: #fff; } .bg-primary .icon-bx-wraper.style-1 .dz-title, .bg-secondary .icon-bx-wraper.style-1 .dz-title { color: #fff; } .bg-primary .icon-bx-wraper.style-1 a, .bg-primary .icon-bx-wraper.style-1 p, .bg-secondary .icon-bx-wraper.style-1 a, .bg-secondary .icon-bx-wraper.style-1 p { color: #fff; opacity: 0.7; } .icon-bx-wraper.style-1:hover .icon-bx { color: #fff; background-color: var(--bs-primary); } .icon-bx-wraper.style-1:hover .icon-bx i { animation: shake 1s; } .bg-primary .icon-bx-wraper.style-1:hover .icon-bx, .bg-dark .icon-bx-wraper.style-1:hover .icon-bx, .bg-secondary .icon-bx-wraper.style-1:hover .icon-bx { color: #fff; background-color: var(--bs-primary); } @media only screen and (max-width: 991px) { .icon-bx-wraper.style-1 .dz-title { font-size: 16px; } .icon-bx-wraper.style-1 .icon-bx { width: 50px; min-width: 50px; height: 50px; font-size: 18px; } } .icon-bx-wraper.style-2 { display: flex; gap: 15px; align-items: center; } .icon-bx-wraper.style-2 .icon-bx { width: 60px; height: 60px; display: flex; align-items: center; color: var(--bs-primary); font-size: 24px; justify-content: center; background-color: rgba(var(--bs-light-rgb), 0.5); border-radius: 50%; } .icon-bx-wraper.style-2 .icon-bx i { display: flex; } .icon-bx-wraper.style-2 .icon-bx::before, .icon-bx-wraper.style-2 .icon-bx::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-radius: 50%; background-color: var(--bs-primary); z-index: 0; transform: scale(0); -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-2 .icon-bx::before { opacity: 0.1; } .icon-bx-wraper.style-2 .icon-bx::after { opacity: 0.05; } .icon-bx-wraper.style-2 p { font-size: 15px; font-weight: 300; } .icon-bx-wraper.style-2 .dz-title { font-size: 20px; font-weight: 500; } .icon-bx-wraper.style-2 .icon-content > *:last-child { margin-bottom: 0; } .icon-bx-wraper.style-2.active .icon-bx, .icon-bx-wraper.style-2:hover .icon-bx { color: #fff; background-color: var(--bs-primary); } .icon-bx-wraper.style-2.active .icon-bx::before, .icon-bx-wraper.style-2:hover .icon-bx::before { transform: scale(1.3); } .icon-bx-wraper.style-2.active .icon-bx::after, .icon-bx-wraper.style-2:hover .icon-bx::after { transform: scale(1.6); } .icon-bx-wraper.style-3 { border-radius: 25px; padding: 30px; z-index: 1; filter: drop-shadow(0 20px 50px rgba(var(--bs-secondary-rgb), 0.02)); height: 100%; display: flex; flex-direction: column; } .icon-bx-wraper.style-3 .icon-bx { width: 60px; height: 60px; display: block; margin-bottom: 30px; } .icon-bx-wraper.style-3 .icon-bx svg { width: 100%; height: 100%; } .icon-bx-wraper.style-3 .icon-cell { -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-3 p { font-size: 15px; font-weight: 300; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-3 .dz-title { font-size: 20px; font-weight: 700; margin-bottom: 12px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-3 .icon-bx-head { margin-bottom: auto; } .icon-bx-wraper.style-3 .icon-bx-footer { position: relative; padding-top: 20px; margin-top: 20px; margin-right: 50px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-3 .icon-bx-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background-image: linear-gradient(to right, rgba(var(--bs-body-color-rgb), 0.3) 50%, rgba(255, 255, 255, 0) 0%); -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; background-size: 10px 1px; background-repeat: repeat-x; } .icon-bx-wraper.style-3 .text-badge { font-size: 14px; color: var(--bs-secondary); display: flex; align-items: center; gap: 8px; line-height: 1.2; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-3 .text-badge i { font-size: 10px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-3:after { content: ""; background: #fff; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); mask-position: right bottom; border-radius: 25px 25px 0 25px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-3 .btn-square { box-shadow: 0 20px 50px rgba(var(--bs-secondary-rgb), 0.1); position: absolute; right: -80px; bottom: -30px; font-size: 20px; } .icon-bx-wraper.style-3 .btn-square i { -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-3.active:after, .icon-bx-wraper.style-3:focus-within .icon-bx-wraper.style-3:hover:after { background: var(--bs-primary); } .icon-bx-wraper.style-3.active .icon-cell, .icon-bx-wraper.style-3:focus-within .icon-bx-wraper.style-3:hover .icon-cell { --bs-primary: #fff; } .icon-bx-wraper.style-3:focus-within .icon-bx-wraper.style-3:hover .icon-bg { opacity: 0.08; } .icon-bx-wraper.style-3:focus-within .icon-bx-wraper.style-3:hover .icon-bg svg path { fill: #fff; } .icon-bx-wraper.style-3.active .text-badge, .icon-bx-wraper.style-3:focus-within .icon-bx-wraper.style-3:hover .text-badge { color: #fff; } .icon-bx-wraper.style-3.active .text-badge i, .icon-bx-wraper.style-3:focus-within .icon-bx-wraper.style-3:hover .text-badge i { color: var(--bs-secondary) !important; } .icon-bx-wraper.style-3.active p, .icon-bx-wraper.style-3:focus-within .icon-bx-wraper.style-3:hover p { color: #fff; opacity: 0.7; } .icon-bx-wraper.style-3.active .dz-title, .icon-bx-wraper.style-3:focus-within .icon-bx-wraper.style-3:hover .dz-title { color: #fff; } .icon-bx-wraper.style-3.active .icon-bx-footer::before, .icon-bx-wraper.style-3:focus-within .icon-bx-wraper.style-3:hover .icon-bx-footer::before { background-image: linear-gradient(to right, rgba(var(--bs-white-rgb), 0.5) 50%, rgba(255, 255, 255, 0) 0%); } .icon-bx-wraper.style-3.active .btn-square i, .icon-bx-wraper.style-3:focus-within .icon-bx-wraper.style-3:hover .btn-square i { -webkit-animation: toTopRight 0.8s forwards; -moz-animation: toTopRight 0.8s forwards; animation: toTopRight 0.8s forwards; } .icon-bx-wraper.style-4 { border-radius: 20px; padding: 20px; background-color: rgba(255, 255, 255, 0.05); backdrop-filter: blur(30px); } .icon-bx-wraper.style-4 .icon-bx { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .icon-bx-wraper.style-4 .dz-title { font-size: 18px; } .icon-bx-wraper.style-4 p { font-size: 15px; font-weight: 200; } .icon-bx-wraper.style-4.text-white p { opacity: 0.7; } .icon-bx-wraper.style-4.text-white .dz-title { color: #fff; } .icon-bx-wraper.style-4.text-center .icon-bx { margin-right: auto; margin-left: auto; } .icon-bx-wraper.style-5 { display: flex; align-items: center; gap: 14px; } .icon-bx-wraper.style-5 .dz-title { font-size: 13px; font-weight: 500; margin-bottom: 0px; margin-bottom: 0px; } .icon-bx-wraper.style-5 p { color: var(--bs-secondary); font-weight: 600; font-size: 16px; } .icon-bx-wraper.style-5 .icon-bx { height: 45px; width: 45px; min-width: 45px; display: flex; align-items: center; justify-content: center; } .icon-bx-wraper.style-6 { border-radius: 20px; padding: 30px 120px 25px 30px; z-index: 1; filter: drop-shadow(0 10px 30px rgba(var(--bs-primary-rgb), 0.1)); min-height: 200px; height: 100%; } .icon-bx-wraper.style-6 * { -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-6::before { font-size: 80px; line-height: 1.2; font-weight: 600; color: var(--bs-secondary); opacity: 0.1; position: absolute; right: 25px; top: 20px; z-index: 2; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-6:after { content: ""; background: #fff; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; mask-image: url(../../assets/images/bg01.svg); mask-position: right bottom; border-radius: 20px 20px 0 20px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-6 .icon-bx { width: 90px; height: 90px; display: block; position: absolute; right: 0; bottom: 0; border-radius: 20px; background-color: #fff; display: flex; align-items: center; justify-content: center; } .icon-bx-wraper.style-6 .icon-bx i { font-size: 60px; color: var(--bs-primary); } .icon-bx-wraper.style-6 .icon-bx svg { width: 100%; height: 100%; } .icon-bx-wraper.style-6 p { font-size: 16px; } .icon-bx-wraper.style-6 .dz-title { font-size: 24px; font-weight: 600; margin-bottom: 20px; position: relative; padding-bottom: 20px; } .icon-bx-wraper.style-6 .dz-title:after { content: ""; width: 100%; height: 1px; background: linear-gradient(to right, var(--bs-secondary) 0, rgba(0, 0, 0, 0) 100%); position: absolute; opacity: 0.3; left: 0; bottom: 0; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-6 .icon-content { position: relative; z-index: 1; } .icon-bx-wraper.style-6 .bg { mask-image: url(../images/bg01.svg); -webkit-mask-image: url(../images/bg01.svg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; mask-position: right bottom; z-index: 0; border-radius: 20px; opacity: 0; background: var(--bs-secondary); background-blend-mode: color-burn; background-position: center; background-size: cover; } @media only screen and (max-width: 1480px) { .icon-bx-wraper.style-6::before { font-size: 65px; } } @media only screen and (max-width: 991px) { .icon-bx-wraper.style-6 { padding: 25px 105px 20px 25px; } .icon-bx-wraper.style-6 .dz-title { font-size: 18px; margin-bottom: 12px; padding-bottom: 12px; } .icon-bx-wraper.style-6 p { font-size: 14px; } .icon-bx-wraper.style-6::before { font-size: 50px; } } .icon-bx-wraper.style-6.active:after, .icon-bx-wraper.style-6:hover:after { background: var(--bs-secondary); } .icon-bx-wraper.style-6.active::before, .icon-bx-wraper.style-6:hover::before { color: #fff; } .icon-bx-wraper.style-6.active .bg, .icon-bx-wraper.style-6:hover .bg { opacity: 1; } .icon-bx-wraper.style-6.active .dz-title:after, .icon-bx-wraper.style-6:hover .dz-title:after { background: linear-gradient(to right, #fff 0, rgba(0, 0, 0, 0) 100%); } .icon-bx-wraper.style-6.active .dz-title, .icon-bx-wraper.style-6.active p, .icon-bx-wraper.style-6.active a, .icon-bx-wraper.style-6:hover .dz-title, .icon-bx-wraper.style-6:hover p, .icon-bx-wraper.style-6:hover a { color: #fff; } .icon-bx-wraper.style-6.active .icon-bx, .icon-bx-wraper.style-6:hover .icon-bx { background: var(--bs-secondary); } .icon-bx-wraper.style-6.active .icon-bx i, .icon-bx-wraper.style-6:hover .icon-bx i { color: #fff; } .icon-bx-wraper.style-7 { border-radius: 10px; z-index: 1; filter: drop-shadow(0 10px 30px rgba(var(--bs-primary-rgb), 0.1)); min-height: 200px; height: 100%; display: flex; flex-direction: column; } .icon-bx-wraper.style-7 * { -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-7:after { content: ""; background: #fff; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; mask-image: url(../../assets/images/bg03.svg); mask-position: top right; border-radius: 15px 0 15px 15px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-7 .icon-bx { width: 70px; height: 70px; display: block; position: absolute; right: 0; top: 0; border-radius: 10px; background-color: #fff; display: flex; align-items: center; justify-content: center; } .icon-bx-wraper.style-7 .icon-bx i { font-size: 38px; color: var(--bs-primary); } .icon-bx-wraper.style-7 .icon-bx svg { width: 100%; height: 100%; } .icon-bx-wraper.style-7 p { font-size: 15px; } .icon-bx-wraper.style-7 .dz-title { font-size: 20px; font-weight: 600; margin-bottom: 25px; position: relative; padding-bottom: 25px; margin-right: 55px; } .icon-bx-wraper.style-7 .dz-title:after { content: ""; width: 100%; height: 1px; background: linear-gradient(to right, var(--bs-secondary) 0, rgba(0, 0, 0, 0) 100%); position: absolute; opacity: 0.3; left: 0; bottom: 0; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .icon-bx-wraper.style-7 .icon-content { position: relative; z-index: 1; padding: 30px; } .icon-bx-wraper.style-7 .bg { mask-image: url(../images/bg03.svg); -webkit-mask-image: url(../images/bg03.svg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; mask-position: top right; z-index: 0; border-radius: 15px; background-size: cover; background-position: center; opacity: 0; background-blend-mode: color-burn; background: var(--bs-secondary); } .icon-bx-wraper.style-7 .dz-media { height: 210px; margin-top: auto; } .icon-bx-wraper.style-7 .dz-media img { height: 100%; object-fit: cover; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } @media only screen and (max-width: 991px) { .icon-bx-wraper.style-7 .dz-title { font-size: 18px; } .icon-bx-wraper.style-7 p { font-size: 14px; } } @media only screen and (max-width: 575px) { .icon-bx-wraper.style-7 .icon-content { padding: 25px; } } .icon-bx-wraper.style-7.active:after, .icon-bx-wraper.style-7:hover:after { background: var(--bs-secondary); } .icon-bx-wraper.style-7.active .bg, .icon-bx-wraper.style-7:hover .bg { opacity: 1; } .icon-bx-wraper.style-7.active .dz-title:after, .icon-bx-wraper.style-7:hover .dz-title:after { background: linear-gradient(to right, #fff 0, rgba(0, 0, 0, 0) 100%); } .icon-bx-wraper.style-7.active .dz-title, .icon-bx-wraper.style-7.active p, .icon-bx-wraper.style-7.active a, .icon-bx-wraper.style-7:hover .dz-title, .icon-bx-wraper.style-7:hover p, .icon-bx-wraper.style-7:hover a { color: #fff; } .icon-bx-wraper.style-7.active .icon-bx, .icon-bx-wraper.style-7:hover .icon-bx { background: var(--bs-primary); } .icon-bx-wraper.style-7.active .icon-bx i, .icon-bx-wraper.style-7:hover .icon-bx i { color: #fff; } .icon-bx-wraper.style-7.active .icon-bx svg, .icon-bx-wraper.style-7:hover .icon-bx svg { --bs-primary: #fff; } .icon-bx-wraper.style-7.active .dz-media img, .icon-bx-wraper.style-7:hover .dz-media img { transform: scale(1.15); } .icon-bx-wraper.style-8 { background-color: var(--bs-light); padding: 20px 25px; border-radius: var(--radius-md); display: flex; align-items: center; gap: 15px; height: 100%; min-height: 120px; } .icon-bx-wraper.style-8 .icon-bx { width: 60px; height: 60px; min-width: 60px; background-color: #fff; font-size: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--bs-primary); } .icon-bx-wraper.style-8 .icon-content .dz-title { font-size: 18px; color: var(--bs-secondary); margin-bottom: 5px; } .icon-bx-wraper.style-8 .icon-content p { font-size: 15px; } .icon-bx-wraper.style-8.active .icon-bx, .icon-bx-wraper.style-8:hover .icon-bx { background-color: var(--bs-primary); color: #fff; } .icon-bx-wraper.style-9 { padding: 20px 25px; background-color: #fff; border-radius: var(--radius-md); display: flex; align-items: center; gap: 25px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .icon-bx-wraper.style-9 .icon-bx { width: 70px; min-width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; font-size: 65px; } .icon-bx-wraper.style-9 .dz-title { font-size: 20px; margin-bottom: 5px; } .icon-bx-wraper.style-9.active, .icon-bx-wraper.style-9:hover { transform: translateY(-5px); } @media only screen and (max-width: 1199px) { .icon-bx-wraper.style-9 { gap: 20px; } .icon-bx-wraper.style-9 p { font-size: 14px; } .icon-bx-wraper.style-9 .dz-title { font-size: 18px; } .icon-bx-wraper.style-9 .icon-bx { width: 60px; min-width: 60px; height: 60px; font-size: 50px; } } @media only screen and (max-width: 575px) { .icon-bx-wraper.style-9 { margin-left: 0; margin-right: 0; } } .icon-bx-wraper.style-10:hover:after { opacity: 1; } .icon-bx-wraper.style-10:hover .icon-bx { background-color: var(--bs-primary) !important; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } .dz-team { -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; position: relative; } .dz-team * { -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .dz-team .dz-media img { width: 100%; } .dz-team.style-1 { border-radius: 25px; } .dz-team.style-1 .dz-media { border: 4px solid transparent; border-radius: 25px; background-color: var(--bs-light); overflow: hidden; position: relative; z-index: 2; } .dz-team.style-1 .dz-media .btn { position: absolute; bottom: -60px; left: 10px; right: 10px; } .dz-team.style-1 .btn-square { height: 40px; width: 40px; min-width: 40px; border-radius: 10px; font-size: 20px; } @media only screen and (max-width: 767px) { .dz-team.style-1 .dz-media .btn { font-size: 14px; } } .dz-team.style-1.active, .dz-team.style-1:hover { background-color: var(--bs-light); } .dz-team.style-1.active .dz-media, .dz-team.style-1:hover .dz-media { background-color: var(--bs-secondary); } .dz-team.style-1.active .dz-media .btn, .dz-team.style-1:hover .dz-media .btn { bottom: 10px; } .dz-team.style-1:hover .dz-content { background-color: var(--bs-secondary); } .dz-team.style-1:hover .dz-name a { color: #fff; } .dz-team.style-1.active .btn-square, .dz-team.style-1:hover .btn-square { background-color: #fff; color: var(--bs-secondary); border-color: #fff; } .dz-team.style-1.active .btn-square i, .dz-team.style-1:hover .btn-square i { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } .dz-team.style-1:hover .dz-social { transform: translateY(0px); } .dz-team.style-1:hover .dz-social a { color: var(--bs-secondary); } .dz-team.style-2 { border-radius: 15px; border: 2px solid #fff; box-shadow: var(--bs-box-shadow-sm); } .dz-team.style-2 .dz-media { background-color: #fff; overflow: hidden; position: relative; z-index: 2; border-radius: 0px 0px 15px 15px; } .dz-team.style-2 .dz-media::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 64.5%); } .dz-team.style-2 .btn { position: absolute; bottom: -60px; left: 10px; right: 10px; z-index: 1; opacity: 0; } .dz-team.style-2 .dz-social a.facebook:hover { color: #0D91F5; background-color: #e5f4ff; } .dz-team.style-2 .dz-social a.linkedin:hover { color: #0B65C3; background-color: #e2f0ff; } .dz-team.style-2 .dz-social a.instagram:hover { color: #B439E7; background-color: #f8e8ff; } .dz-team.style-2 .dz-social a.x-twitter:hover { color: #000000; background-color: #ededed; } .dz-team.style-2 .dz-social a.youtube:hover { color: #ed0000; background-color: #ffe8e8; } @media only screen and (max-width: 767px) { .dz-team.style-2 .btn { font-size: 14px; } } .dz-team.style-2.active, .dz-team.style-2:hover { border: 2px solid var(--bs-primary); } .dz-team.style-2.active .btn, .dz-team.style-2:hover .btn { bottom: 70px; opacity: 1; } .dz-team.style-2:hover .dz-name a { color: var(--bs-secondary); } .dz-team.style-3 { border-radius: 15px; border: 1px solid rgba(var(--bs-primary-rgb), 0.1); background-color: var(--bs-light); } .dz-team.style-3 .dz-media { background-color: #fff; overflow: hidden; position: relative; border-radius: 50%; height: 80px; width: 80px; min-width: 80px; } .dz-team.style-3 .dz-media img { height: 100%; object-fit: cover; } .dz-team.style-3.active, .dz-team.style-3:hover { background-color: var(--bs-secondary); border: 1px solid rgba(var(--bs-secondary-rgb), 0.1); } .dz-team.style-3:hover .dz-name a { color: #fff; } .dz-team.style-3:hover .dz-position { color: rgba(255, 255, 255, 0.5); } .dz-team.style-3:hover .dz-footer { border-top: 1px solid rgba(var(--bs-white-rgb), 0.2); } .dz-team.style-3:hover .dz-social li a { color: #fff; } @media only screen and (max-width: 1380px) { .dz-team.style-3 .dz-media { height: 60px; width: 60px; min-width: 60px; } } .dz-team.style-4 { width: 500px; margin-left: auto; margin-right: auto; } .dz-team.style-4 .dz-media { text-align: right; width: 100%; margin-left: auto; margin-right: 0; } .dz-team.style-4 .dz-media img { -webkit-mask-image: url(../images/bg05.svg); mask-image: url(../images/bg05.svg); -webkit-mask-position: center bottom; mask-position: center bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; position: relative; z-index: 1; padding-left: 35px; padding-right: 35px; } .dz-team.style-4 .dz-media::before, .dz-team.style-4 .dz-media::after { content: ""; position: absolute; bottom: 0; aspect-ratio: 1/1; border-radius: 50%; right: 0; z-index: -1; } .dz-team.style-4 .dz-media::after { background-color: var(--bs-light); width: 100%; } .dz-team.style-4 .dz-media::before { background-color: #fff; width: calc(100% - 35px); z-index: 1; } .dz-team.style-4::before { content: ""; position: absolute; bottom: 1px; right: -5px; background-size: 10px 1px; background-repeat: repeat-x; width: calc(100% + 65px); aspect-ratio: 1/1; z-index: 1; border: 2px dashed rgba(var(--bs-primary-rgb), 0.3); border-radius: 50%; } .dz-team.style-4 .dz-social li a:hover { color: #fff !important; } .dz-team.style-4 .dz-social li a.facebook:hover { background-color: #0D91F5; } .dz-team.style-4 .dz-social li a.linkedin:hover { background-color: #0B65C3; } .dz-team.style-4 .dz-social li a.instagram:hover { background-color: #B439E7; } .dz-team.style-4 .dz-social li a.x-twitter:hover { background-color: #000000; } .dz-team.style-4 .item2 { position: absolute; } .dz-team.style-4 .item2 { bottom: 40px; right: -50px; z-index: 1; } .dz-team.style-4 .info-widget.style-3 { border-radius: 15px; } @media only screen and (max-width: 767px) { .dz-team.style-4 { width: 400px; } .dz-team.style-4 .item2 { display: none; } .dz-team.style-4::before { width: calc(100% + 45px); } } @media only screen and (max-width: 575px) { .dz-team.style-4 { width: 280px; } .dz-team.style-4::before { width: calc(100% + 15px); } .dz-team.style-4 .dz-media::after { width: 95%; } } .dz-team.style-5 { background-color: var(--bs-light); border-radius: var(--radius-md); } .dz-team.style-5 .dz-media { padding: 15px 35px 0; } @media only screen and (max-width: 1199px) { .dz-team.style-5 .dz-media { padding: 5px 25px 0; } } .dz-team.style-6 { margin-bottom: 30px; } .dz-team.style-6 .dz-media { position: relative; width: 530px; z-index: 1; padding: 0 40px; overflow: unset; margin-left: auto; margin-right: auto; } .dz-team.style-6 .dz-media::after { content: ""; height: 420px; width: 100%; position: absolute; border-radius: 30px; background-color: var(--bs-primary); box-shadow: 0 0 50px rgba(var(--bs-primary-rgb), 0.3); bottom: 0; left: 0; z-index: -1; } @media only screen and (max-width: 1380px) { .dz-team.style-6 .dz-media { width: 480px; padding: 0 25px; } } @media only screen and (max-width: 1199px) { .dz-team.style-6 .dz-media { width: 420px; } .dz-team.style-6 .dz-media::after { height: 300px; } } @media only screen and (max-width: 575px) { .dz-team.style-6 .dz-media { width: 100%; } .dz-team.style-6 .dz-media::after { height: 200px; border-radius: 15px; } } .dz-team.style-7 { background-color: #fff; border-radius: var(--radius-lg); padding: 30px 20px 0; } .post-video .post-video-icon:hover { background: var(--bs-primary); color: #fff; } .dz-meta { margin-bottom: 10px; } .dz-meta ul { margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; } .dz-meta ul li { display: inline-flex; position: relative; font-size: 14px; font-weight: 400; margin-right: 5px; align-items: center; gap: 4px; flex-wrap: wrap; } .dz-meta ul li i { font-size: 15px; margin-right: 2px; color: var(--bs-secondary); position: relative; top: -1px; } .dz-card .dz-media img { width: 100%; } .dz-card.style-1 { position: relative; z-index: 1; padding: 20px; filter: drop-shadow(0 0 50px rgba(var(--bs-secondary-rgb), 0.07)); height: 100%; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .dz-card.style-1::after { content: ""; background: #fff; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; mask-image: url(/src/assets/images/bg02.svg); mask-position: right bottom; border-radius: 30px 30px 0 30px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .dz-card.style-1 .dz-media { border-radius: 15px; height: 250px; margin-bottom: 15px; } .dz-card.style-1 .dz-media img { height: 100%; object-fit: cover; } @media only screen and (max-width: 575px) { .dz-card.style-1 .dz-media { height: 200px; } } .dz-card.style-1 .btn-square { position: absolute; right: 0; bottom: 0; } .dz-card.style-1 p { font-size: 15px; } .dz-card.style-1 .dz-info { padding: 10px; } @media only screen and (max-width: 1199px) { .dz-card.style-1 .dz-info { padding: 0; } } .dz-card.style-1 .dz-meta { margin-bottom: 0; margin-top: 25px; margin-right: 35px; } .dz-card.style-1 .dz-meta li { background-color: var(--bs-primary); color: #fff; border-radius: 15px; font-weight: 500; font-size: 13px; padding: 5px 15px 5px 23px; line-height: 1.4; position: relative; } .dz-card.style-1 .dz-meta li a { color: #fff; } .dz-card.style-1 .dz-meta li::after { content: ""; position: absolute; height: 6px; width: 6px; border-radius: 50%; background-color: #fff; left: 10px; } @media only screen and (max-width: 575px) { .dz-card.style-1 .dz-meta { margin-top: 15px; } } .dz-card.style-1 .btn-square { height: 48px; width: 48px; min-width: 48px; } .dz-card.style-1:hover { transform: translateY(-8px); } .dz-card.style-2 { position: relative; overflow: hidden; } .dz-card.style-2.dz-card-overlay { border-radius: var(--radius-xl); height: 550px; background-color: var(--bs-light); background-size: cover; } .dz-card.style-2.dz-card-overlay:not(.no-image):not(.overlay-none)::after { content: ""; background: linear-gradient(to top, rgba(var(--bs-secondary-rgb), 0.4) 0%, rgba(var(--bs-secondary-rgb), 0)); position: absolute; height: 100%; left: 0; width: 100%; top: 0; } .dz-card.style-2.dz-card-overlay .dz-info { padding: 70px 30px 30px; height: 100%; width: 100%; display: flex; flex-direction: column; z-index: 1; } .dz-card.style-2.dz-card-overlay .bottom-info { display: flex; align-items: flex-end; gap: 30px; flex: 1; justify-content: space-between; } .dz-card.style-2.dz-card-overlay .dz-title { font-size: 24px; font-weight: 600; margin-bottom: 0; line-height: 1.6; } .dz-card.style-2.dz-card-overlay .dz-title a { color: #fff; } .dz-card.style-2.dz-card-overlay .post-date { padding: 5px 15px; position: absolute; top: 30px; left: 30px; z-index: 1; color: var(--bs-secondary); background-color: #fff; font-weight: 500; font-size: 12px; text-transform: uppercase; border-radius: 50px; } .dz-card.style-2.dz-card-overlay .post-date::before { content: "\f111"; font-family: "FontAwesome"; font-size: 7px; transform: translateY(-2px); display: inline-block; margin-right: 6px; } .dz-card.style-2.dz-card-overlay .dz-meta { margin-bottom: 5px; } .dz-card.style-2.dz-card-overlay .dz-meta ul { margin-right: -10px; } .dz-card.style-2.dz-card-overlay .dz-meta ul li { font-weight: 500; font-size: 13px; line-height: 28px; text-transform: uppercase; color: #0D775E; line-height: 1.2; padding: 0; border-radius: 20px; } .dz-card.style-2.dz-card-overlay .dz-meta ul li a { color: var(--bs-primary); } @media only screen and (max-width: 1199px) { .dz-card.style-2.dz-card-overlay { height: 420px; } .dz-card.style-2.dz-card-overlay .dz-info { padding: 60px 20px 20px; } .dz-card.style-2.dz-card-overlay .dz-info .post-date { top: 20px; left: 20px; } .dz-card.style-2.dz-card-overlay .dz-info .bottom-info { gap: 15px; } .dz-card.style-2.dz-card-overlay .dz-info .dz-title { font-size: 20px; } } .dz-card.style-2 .dz-info { position: relative; } .dz-card.style-2 .dz-media { border-radius: var(--radius-xl); } .dz-card.style-2 .dz-media img { height: 100%; object-fit: cover; } .dz-card.style-2 .dz-meta ul li { font-size: 15px; text-transform: uppercase; font-weight: 500; gap: 12px; } .dz-card.style-2 .dz-meta ul li:not(:last-child)::after { content: ""; height: 6px; width: 6px; background-color: var(--bs-primary); border-radius: 50%; } @media only screen and (max-width: 991px) { .dz-card.style-2 .dz-meta ul li { font-size: 13px; gap: 10px; } } .dz-card.style-3 { padding: 15px; border-radius: var(--radius-lg); border: 1px solid transparent; transition: 0.3s; height: 100%; } .dz-card.style-3 .dz-meta { margin-bottom: 10px; } .dz-card.style-3 .dz-meta li { background-color: rgba(var(--bs-primary-rgb), 0.1); color: var(--bs-primary); border-radius: 15px; font-weight: 500; font-size: 13px; padding: 5px 15px 5px 23px; line-height: 1.4; position: relative; } .dz-card.style-3 .dz-meta li a { color: var(--bs-primary); } .dz-card.style-3 .dz-meta li::after { content: ""; position: absolute; height: 6px; width: 6px; border-radius: 50%; background-color: var(--bs-primary); left: 10px; } .dz-card.style-3 .dz-title { font-size: 30px; line-height: 1.25; margin-bottom: 8px; } .dz-card.style-3 .dz-info p { font-size: 15px; } .dz-card.style-3 .dz-info p:last-child { margin-bottom: 0; } .dz-card.style-3 .dz-media img { border-radius: var(--radius-md); width: 100%; height: 100%; object-fit: cover; } .dz-card.style-3:hover, .dz-card.style-3.active { border: 1px solid var(--bs-primary); } @media only screen and (max-width: 1480px) { .dz-card.style-3 .dz-title { font-size: 24px; } } @media only screen and (max-width: 1199px) { .dz-card.style-3 .dz-title { font-size: 20px; } } .dz-card.style-4 { position: relative; z-index: 1; padding: 30px; height: 100%; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; background-color: #fff; border-radius: var(--radius-xl); } @media only screen and (max-width: 991px) { .dz-card.style-4 { padding: 20px; } } .dz-card.style-4 .dz-media { border-radius: 15px; height: 250px; margin-bottom: 25px; } .dz-card.style-4 .dz-media img { height: 100%; object-fit: cover; } @media only screen and (max-width: 575px) { .dz-card.style-4 .dz-media { height: 200px; } } .dz-card.style-4 p { font-size: 15px; } .dz-card.style-4 .dz-title { margin-bottom: 10px; } .dz-card.style-4 .dz-meta { margin-bottom: 10px; } .dz-card.style-4 .dz-meta li { background-color: rgba(var(--bs-primary-rgb), 0.1); color: var(--bs-primary); border-radius: 15px; font-weight: 500; font-size: 13px; padding: 5px 15px 5px 23px; line-height: 1.4; position: relative; } .dz-card.style-4 .dz-meta li a { color: var(--bs-primary); } .dz-card.style-4 .dz-meta li::after { content: ""; position: absolute; height: 6px; width: 6px; border-radius: 50%; background-color: var(--bs-primary); left: 10px; } /* DZ Shine */ .dz-card.style-1 .dz-media::before, .dz-card.style-2 .dz-media::before, .dz-card.style-3 .dz-media::before, .dz-card.style-4 .dz-media::before, .dz-card.style-5 .dz-media::before { position: absolute; top: 0; left: -75%; z-index: 0; display: block; content: ""; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .dz-card.style-1:hover .dz-media:before, .dz-card.style-2:hover .dz-media:before, .dz-card.style-3:hover .dz-media:before, .dz-card.style-4:hover .dz-media:before, .dz-card.style-5:hover .dz-media:before { -webkit-animation: dzShine 0.75s; animation: dzShine 0.75s; } @-webkit-keyframes dzShine { 100% { left: 125%; } } @keyframes dzShine { 100% { left: 125%; } } @keyframes animationSignal2 { 0% { opacity: 0.8; transform: scale(0.9); } 100% { transform: scale(1.9); opacity: 0; } } .shop-card:hover .shop-meta { bottom: 20px; } .shop-card .dz-content .btn-square:hover i { color: #fff; } .alert { border-radius: 0; } .alert[class*=alert-] i { margin-right: 8px; } .alert[class*=alert-] ul { padding-left: 25px; margin-top: 10px; } .card { border: 0px solid #E1EBF1; margin-bottom: 30px; border-radius: 8px; box-shadow: 0px 36px 48px rgba(31, 66, 135, 0.04); background: #ffffff; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 9999s ease-in-out 0s; } .form-control { height: 50px; border: 0; padding: 10px 20px; font-size: 15px; font-weight: 400; color: #031B4E; transition: all 0.3s ease-in-out; background: #ffffff; border-radius: 10px; border-radius: 1px solid var(--bs-secondary); } .form-control .select { padding: 12px 0; } .form-control span { margin-top: 0; } .form-control::-webkit-input-placeholder { color: #787D8C; } .form-control:-ms-input-placeholder { color: #787D8C; } .form-control::placeholder { color: #787D8C; } .form-control:focus, .form-control:active, .form-control.active { border-color: var(--bs-primary); background: var(--bs-light); box-shadow: none; } textarea.form-control { min-height: auto; height: unset; } textarea { height: 120px; resize: none; } input:-internal-autofill-selected { background: white !important; background-image: none !important; color: -internal-light-dark-color(black, white) !important; } .toggle:hover .toggle-switch:before { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); } label.error { color: #D23636; position: absolute; bottom: 0; margin-bottom: -22px; font-size: 12px; font-weight: 400; } .form-select .dropdown-toggle:hover { background-color: transparent; } .form-select .dropdown-menu ul li a:hover { background-color: #f2f2f4; } .floating-underline { position: relative; } .floating-underline .form-control { padding: 15px 0; border-bottom: 2px solid var(--bs-secondary); height: 60px; color: var(--bs-body-color); outline: 0 !important; font-size: 18px; background-color: transparent; } .floating-underline .form-control:not(:placeholder-shown) ~ label, .floating-underline .form-control:focus ~ label { font-size: 12px; color: var(--bs-primary); transform: translateY(-22px); } .floating-underline .form-control[rows] { height: auto; } .floating-underline label { padding: 0; height: auto; border: 0; font-size: 16px; color: rgba(0, 0, 0, 0.6); top: 15px; } .floating-underline label::after { content: none !important; } .floating-underline.input-light.floating-underline .form-control { border-bottom: 2px solid #fff; color: #fff; } .floating-underline.input-light.floating-underline .form-control:-webkit-autofill, .floating-underline.input-light.floating-underline .form-control:-webkit-autofill:hover, .floating-underline.input-light.floating-underline .form-control:-webkit-autofill:focus, .floating-underline.input-light.floating-underline .form-control:-webkit-autofill:active { -webkit-text-fill-color: #fff; } .floating-underline.input-light.floating-underline label { color: rgba(255, 255, 255, 0.6); } .floating-outline.input-light .form-control:-webkit-autofill:hover { -webkit-text-fill-color: #fff; } .form-floating.floating-underline .form-control:not(:placeholder-shown) ~ label, .form-floating.floating-underline .form-control:focus ~ label { font-size: 12px; color: var(--bs-primary); transform: translateY(-22px); font-weight: 600; } .form-floating.floating-underline .form-control:focus, .form-floating.floating-underline .form-control:not(:placeholder-shown):not(.dropdown-toggle) { padding: 15px 0; border-color: var(--bs-primary); } .form-floating.input-light.floating-underline .form-control:not(:placeholder-shown) ~ label, .form-floating.input-light.floating-underline .form-control:focus ~ label { color: #FAFF17; } .form-floating.input-light.floating-underline .form-control:focus, .form-floating.input-light.floating-underline .form-control:not(:placeholder-shown):not(.dropdown-toggle) { border-color: #FAFF17; } .form-wrapper.style-1 { position: relative; } .form-wrapper.style-1.text-vr-wrapper { padding-left: 50px; } .form-wrapper.style-1 .text-vertical { writing-mode: tb; transform: rotate(-180deg); border-radius: 0 25px 25px 0; color: #fff; text-align: center; padding: 30px 10px; font-size: 18px; text-transform: uppercase; font-weight: 600; background-color: var(--bs-secondary); width: 50px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 45px; } .form-wrapper.style-1 .form-body { padding: 50px 40px; border-radius: 30px; } .form-wrapper.style-1 .title-head { margin-bottom: 30px; } .form-wrapper.style-1 .form-title { color: #fff; } .form-wrapper.style-1 .form-title span { color: #FAFF17; } @media only screen and (max-width: 1380px) { .form-wrapper.style-1[class*=m-l] { margin-left: 0; } } @media only screen and (max-width: 991px) { .form-wrapper.style-1.text-vr-wrapper { padding-left: 0; } .form-wrapper.style-1 .text-vertical { display: none; } } @media only screen and (max-width: 575px) { .form-wrapper.style-1 .form-title { font-size: 20px; } .form-wrapper.style-1 .title-head { margin-bottom: 20px; } .form-wrapper.style-1 .form-body { padding: 30px 25px; border-radius: 15px; } } .form-wrapper.style-2 { position: relative; border-radius: 20px; padding: 55px; } .form-wrapper.style-2.bg-primary .form-title, .form-wrapper.style-2.bg-secondary .form-title { color: #fff; } .form-wrapper.style-2.bg-secondary .form-control::-webkit-input-placeholder { color: #BED2E7; } .form-wrapper.style-2.bg-secondary .form-control:-ms-input-placeholder { color: #BED2E7; } .form-wrapper.style-2.bg-secondary .form-control::placeholder { color: #BED2E7; } .form-wrapper.style-2::before { content: ""; background-image: url('data:image/svg+xml,'); width: 145px; aspect-ratio: 1/1; position: absolute; right: 20px; top: 20px; z-index: 0; background-size: 100%; background-repeat: no-repeat; } .form-wrapper.style-2 .floating-underline.input-light.floating-underline .form-control { border-color: #BED2E7; } .form-wrapper.style-2 .form-title { font-size: 28px; margin-bottom: 20px; } @media only screen and (max-width: 1380px) { .form-wrapper.style-2 { padding: 40px; } } @media only screen and (max-width: 575px) { .form-wrapper.style-2 { padding: 25px; } .form-wrapper.style-2::before { width: 65px; } .form-wrapper.style-2 .form-title { font-size: 24px; margin-bottom: 15px; } } :root { --bs-primary-btn-hover-bg: rgb(0, 160.65, 190.4); --bs-primary-btn-hover-border-color: rgb(0, 160.65, 190.4); --bs-secondary-btn-hover-bg: rgb(2.55, 22.95, 66.3); --bs-secondary-btn-hover-border-color: rgb(2.55, 22.95, 66.3); --bs-light-btn-hover-bg: rgb(200.6, 208.25, 213.35); --bs-light-btn-hover-border-color: rgb(200.6, 208.25, 213.35); } .btn-primary { --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-active-bg: var(--bs-primary); --bs-btn-hover-bg: var(--bs-primary-btn-hover-bg); --bs-btn-hover-border-color: var(--bs-primary-btn-hover-border-color); } .btn-secondary { --bs-btn-bg: var(--bs-secondary); --bs-btn-border-color: var(--bs-secondary); --bs-btn-active-bg: var(--bs-secondary); --bs-btn-hover-bg: var(--bs-secondary-btn-hover-bg); --bs-btn-hover-border-color: var(--bs-secondary-btn-hover-border-color); } .btn-outline-secondary { --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-bg: var(--bs-secondary-btn-hover-border-color); --bs-btn-hover-border-color: var(--bs-secondary-btn-hover-border-color); } @media only screen and (max-width: 767px) { .btn-lg { --bs-btn-padding-y: 15px; --bs-btn-padding-x: 20px; --bs-btn-font-size: 1rem; } } .btn { overflow: hidden; } .btn.btn-primary, .btn.btn-success { color: #fff; } .btn.btn-primary svg, .btn.btn-success svg { stroke: #fff; fill: #fff; } .btn.btn-white:hover .text-primary { color: #fff !important; } .btn.bg-primary-subtle:hover { background-color: var(--bs-primary) !important; color: #fff !important; } .btn.btn-outline-primary:hover, .is-style-outline .btn.wp-block-button__link:hover { color: #fff !important; } .btn.bg-secondary-subtle:hover { background-color: var(--bs-secondary) !important; color: #fff !important; } .btn.btn-outline-secondary:hover { color: #fff !important; } .btn.bg-success-subtle:hover { background-color: var(--bs-success) !important; color: #fff !important; } .btn.btn-outline-success:hover { color: #fff !important; } .btn.bg-info-subtle:hover { background-color: var(--bs-info) !important; color: #fff !important; } .btn.btn-outline-info:hover { color: #fff !important; } .btn.bg-warning-subtle:hover { background-color: var(--bs-warning) !important; color: #fff !important; } .btn.btn-outline-warning:hover { color: #fff !important; } .btn.bg-danger-subtle:hover { background-color: var(--bs-danger) !important; color: #fff !important; } .btn.btn-outline-danger:hover { color: #fff !important; } .btn.bg-light-subtle:hover { background-color: var(--bs-light) !important; color: #fff !important; } .btn.btn-outline-light:hover { color: #fff !important; } .btn.bg-dark-subtle:hover { background-color: var(--bs-dark) !important; color: #fff !important; } .btn.btn-outline-dark:hover { color: #fff !important; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-warning:hover, .btn-info:hover { color: #fff !important; } .btn-shadow { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); } .btn.btn-white { color: var(--bs-secondary); background-color: #fff; } .btn.btn-white .right-icon, .btn.btn-white .left-icon { border-color: var(--bs-secondary); background-color: var(--bs-secondary); color: #fff; } .btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active { border-color: var(--bs-primary) !important; background-color: var(--bs-primary) !important; color: #fff; } .btn.btn-white:hover path, .btn.btn-white:focus path, .btn.btn-white:active path { stroke: #fff; } .btn.btn-white:hover .right-icon, .btn.btn-white:hover .left-icon, .btn.btn-white:focus .right-icon, .btn.btn-white:focus .left-icon, .btn.btn-white:active .right-icon, .btn.btn-white:active .left-icon { background-color: #fff !important; color: var(--bs-secondary); } .btn.btn-white.hover-secondary:hover, .btn.btn-white.hover-secondary:focus, .btn.btn-white.hover-secondary:active { border-color: var(--bs-secondary) !important; background-color: var(--bs-secondary) !important; color: #fff; } .btn.btn-white.hover-secondary:hover .right-icon, .btn.btn-white.hover-secondary:hover .left-icon, .btn.btn-white.hover-secondary:focus .right-icon, .btn.btn-white.hover-secondary:focus .left-icon, .btn.btn-white.hover-secondary:active .right-icon, .btn.btn-white.hover-secondary:active .left-icon { background-color: #fff; color: var(--bs-secondary); } .btn.btn-outline-light:hover { color: #fff !important; background-color: var(--bs-primary) !important; } .btn.btn-outline-white:hover { border-color: rgba(var(--bs-white-rgb), 0.3); } .btn-square { height: 48px; width: 48px; min-width: 48px; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } @media only screen and (max-width: 767px) { .btn-square { height: 42px; width: 42px; min-width: 42px; } } .btn-square:hover { color: #fff; } .btn-square:hover path { stroke: #fff; } .btn-square:hover i, .btn-square:hover svg { -webkit-animation: toTopRight 0.5s forwards; -moz-animation: toTopRight 0.5s forwards; animation: toTopRight 0.5s forwards; } .btn-square.btn-lg { height: 60px; width: 60px; min-width: 60px; font-size: 24px; } @media only screen and (max-width: 767px) { .btn-square.btn-lg { height: 50px; width: 50px; min-width: 50px; } } .btn-lg { line-height: 1.223; } .btn-icon { display: inline-flex; align-items: center; } .btn-icon .right-icon, .btn-icon .left-icon { height: 40px; width: 40px; min-width: 40px; background-color: #fff; border-radius: 10px; color: var(--bs-heading-color); display: inline-flex; align-items: center; justify-content: center; transform: translateY(1px); } .btn-icon .right-icon i, .btn-icon .left-icon i { -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .btn-icon .right-icon { margin: -11px -20px -11px 15px; } .btn-icon .left-icon { margin: -11px 15px -11px -20px; } .btn-icon:hover .left-icon i { -webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards; } .btn-icon:hover .right-icon i { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } .btn-icon.btn-lg .right-icon, .btn-icon.btn-lg .left-icon { height: 44px; width: 44px; min-width: 44px; transform: translateY(0); } .btn-icon.btn-lg .right-icon { margin: -11px -18px -11px 12px; } .btn-icon.btn-lg .left-icon { margin: -11px 12px -11px -18px; } @media only screen and (max-width: 767px) { .btn-icon.btn-lg .right-icon { margin: -11px -16px -11px 12px; } .btn-icon.btn-lg .left-icon { margin: -11px 12px -11px -16px; } } @-webkit-keyframes toLeftFromRight { 49% { -webkit-transform: translateX(-100%); } 50% { opacity: 0; -webkit-transform: translateX(100%); } 51% { opacity: 1; } } @-moz-keyframes toLeftFromRight { 49% { -moz-transform: translateX(-100%); } 50% { opacity: 0; -moz-transform: translateX(100%); } 51% { opacity: 1; } } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translateX(100%); } 50% { opacity: 0; -webkit-transform: translateX(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translateX(100%); } 50% { opacity: 0; -moz-transform: translateX(-100%); } 51% { opacity: 1; } } .icon-link-hover-top:hover i { transform: translate3d(0, -0.25em, 0); } .icon-link-hover-bottom:hover i { transform: translate3d(0, 0.25em, 0); } .icon-link-hover-start:hover i { transform: translate3d(-0.25em, 0, 0); } .icon-link-hover-end:hover i { transform: translate3d(0.25em, 0, 0); } .btn-theme:hover { border-color: var(--primary-hover); background-color: var(--primary-hover); color: #ffffff; } .btn-theme:hover i { color: var(--bs-heading-color); } .wp-block-button__link:hover, .wp-block-button__link:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .wp-block-button__link:hover { color: #fff; background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-hover1 { color: rgba(0, 0, 0, 0) !important; transition: all 0.3s ease !important; text-shadow: 0 0 0 #fff, 500px 0 0 #fff; } .btn-hover1.btn-white { text-shadow: 0 0 0 var(--bs-secondary), 500px 0 0 var(--bs-secondary); } .btn-hover1.btn-white.text-primary { text-shadow: 0 0 0 var(--bs-primary), 500px 0 0 var(--bs-primary); } .btn-hover1:active, .btn-hover1:focus, .btn-hover1:hover { color: rgba(0, 0, 0, 0) !important; text-shadow: -600px 0 0 #fff, 0 0 0 #fff; } .btn-hover1:active.btn-white.text-primary, .btn-hover1:focus.btn-white.text-primary, .btn-hover1:hover.btn-white.text-primary { text-shadow: -600px 0 0 #fff, 0 0 0 #fff; } .btn-quantity.style-2 .input-group-btn-vertical .btn:hover { background-color: var(--bs-primary); border-color: var(--bs-primary); color: #fff; } @-webkit-keyframes toTopRight { 49% { -webkit-transform: translate(30px, -30px); } 50% { opacity: 0; -webkit-transform: translate(-30px, 30px); } 51% { opacity: 1; } } @-moz-keyframes toTopRight { 49% { -moz-transform: translate(30px, -30px); } 50% { opacity: 0; -moz-transform: translate(-30px, 30px); } 51% { opacity: 1; } } .dz-load-more:hover .right-icon i { animation: dzLoadMore 2s infinite linear; } @keyframes dzLoadMore { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .badge:hover { color: #fff; } table { border-collapse: collapse; border-spacing: 0; } .table tr th { font-weight: 500; color: var(--bs-secondary); } @media only screen and (max-width: 575px) { .table > :not(caption) > * > * { padding: 15px 15px; } } .table-striped th, .table-striped td { border: 0; background-color: transparent; } .table-striped.table-striped-rounded tr > *:first-child { border-radius: var(--radius-sm) 0 0 var(--radius-sm); } .table-striped.table-striped-rounded tr > *:last-child { border-radius: 0 var(--radius-sm) var(--radius-sm) 0; } .table > :not(:first-child) { border-top: 1px solid #dee2e6; } .ui-datepicker-calendar tbody td a:hover { background-color: var(--bs-primary); color: white; } .ui-datepicker-header a.ui-corner-all:hover { background-color: rgba(var(--bs-primary-rgb), 0.3); color: #ffffff; } .dz-separator.style-3 .btn:hover { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary); } .site-filters.style-3 li a:hover { background: #000; color: #fff; } .dz-box:hover .dz-img-overlay1:before { opacity: 0.7; } .dz-box:hover .dz-img-overlay2:before { opacity: 0.9; } .dz-box:hover .dz-img-overlay3:before { width: 100%; height: 100%; top: 0; left: 0; } .dz-box:hover .dz-img-overlay4:before { width: 100%; left: 0; } .dz-box:hover .dz-img-overlay5:before { height: 100%; top: 0; } .dz-box:hover .dz-img-overlay6:before { height: 100%; } .dz-box:hover .dz-img-overlay7:before, .dz-box:hover .dz-img-overlay7:after { width: 50%; } .dz-box:hover .dz-img-overlay8:before, .dz-box:hover .dz-img-overlay8:after { width: 100%; opacity: 0.3; } .dz-box:hover .dz-img-overlay9:before, .dz-box:hover .dz-img-overlay9:after { width: 100%; height: 100%; opacity: 0.3; } .dz-img-overlay2:before:hover:before { opacity: 0.9; } .dz-img-overlay3:hover:before { width: 100%; height: 100%; top: 0; left: 0; } .dz-img-overlay4:hover:before { width: 100%; left: 0; } .dz-img-overlay5:hover:before { height: 100%; top: 0; } .dz-img-overlay6:hover:before { height: 100%; } .dz-img-overlay7:hover:before, .dz-img-overlay7:hover:after { width: 50%; } .dz-img-overlay8:hover:before, .dz-img-overlay8:hover:after { width: 100%; opacity: 0.3; } .dz-img-overlay9:hover:before, .dz-img-overlay9:hover:after, .dz-img-overlay9:hover:before, .dz-img-overlay9:hover:after { width: 100%; height: 100%; opacity: 0.3; } .dz-img-overlay13:hover:before, .dz-img-overlay13:hover:after, .dz-img-overlay13:hover:before, .dz-img-overlay13:hover:after { left: auto; right: -320px; top: 160px; } /* */ .overlay-secondary-light, .overlay-secondary-middle, .overlay-secondary-dark, .overlay-primary-dark { position: relative; } .overlay-secondary-light:before, .overlay-secondary-middle:before, .overlay-secondary-dark:before, .overlay-primary-dark:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .overlay-secondary-light .container, .overlay-secondary-light .container-fluid, .overlay-secondary-middle .container, .overlay-secondary-middle .container-fluid, .overlay-secondary-dark .container, .overlay-secondary-dark .container-fluid, .overlay-primary-dark .container, .overlay-primary-dark .container-fluid { position: relative; z-index: 1; } .overlay-secondary-light:before, .overlay-secondary-middle:before, .overlay-secondary-dark:before { background: var(--bs-secondary); } .overlay-primary-dark:before { background: var(--bs-light); } .overlay-secondary-light:before { opacity: 0.4; } .overlay-secondary-middle:before { opacity: 0.7; } .overlay-primary-dark:before, .overlay-secondary-dark:before { opacity: 0.9; } .overlay-opacity-95:before { opacity: 0.95; } .overlay-bx:hover a > i, .dz-media:hover .overlay-bx a > i, .dz-box-bx:hover .overlay-bx a > i { opacity: 1; visibility: visible; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .overlay-bx:hover, .dz-media:hover .overlay-bx, .dz-box:hover .overlay-bx, .ow-img:hover .overlay-bx, .ow-portfolio-img:hover .overlay-bx { opacity: 1; visibility: visible; } .overlay-shine:hover .dz-media:before { -webkit-animation: shine 0.75s; animation: shine 0.75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .dz-box.style-1:hover .dz-maximize { opacity: 1; } .gradient-top-light { background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, var(--bs-body-bg) 100%); } .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .owl-theme.owl-dots-1 .owl-dots .owl-dot:hover span { background-color: var(--bs-primary); } .owl-theme.owl-dots-2 .owl-dots .owl-dot:hover span { background-color: var(--bs-primary); } .owl-theme.owl-dots-3 .owl-dots .owl-dot:hover span { background-color: var(--bs-primary); } .owl-btn-1 .owl-nav button.owl-prev:hover, .owl-btn-1 .owl-nav button.owl-next:hover { background-color: rgba(0, 0, 0, 0); color: #000; opacity: 1; } .owl-btn-1.btn-white .owl-nav .owl-prev:hover, .owl-btn-1.btn-white .owl-nav .owl-next:hover { color: #fff; } .owl-btn-primary .owl-nav button.owl-prev:hover, .owl-btn-primary .owl-nav button.owl-next:hover { background-color: #ffffff; color: var(--bs-primary); } .owl-btn-white .owl-prev:hover, .owl-btn-white .owl-next:hover { background-color: var(--bs-primary); color: #ffffff; } /* owl num count */ .dz-img-effect.opacity img:hover { opacity: 0.8; } .dz-img-effect.zoom-slow:hover img { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .dz-img-effect.zoom:hover img { transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); } .dz-img-effect.shrink:hover img { transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); } .dz-img-effect.side-pan:hover img { margin-left: -11%; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .dz-img-effect.vertical-pan:hover img { margin-top: -10%; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .dz-img-effect.fade-in:hover img { opacity: 1; } .dz-img-effect.fade-out:hover img { opacity: 0.7; } .dz-img-effect.rotate:hover img { -moz-transform: scale(1.3) rotate(-20deg); -webkit-transform: scale(1.3) rotate(-20deg); -o-transform: scale(1.3) rotate(-20deg); -ms-transform: scale(1.3) rotate(-20deg); transform: scale(1.3) rotate(-20deg); } .dz-img-effect.blurr:hover img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .dz-img-effect.blurr-invert:hover img { filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); } .dz-img-effect.off-color:hover img { filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); } .dz-img-effect.on-color:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); } .dz-box:hover .dz-img-effect.rotate img { -moz-transform: scale(1.5) rotate(-20deg); -webkit-transform: scale(1.5) rotate(-20deg); -o-transform: scale(1.5) rotate(-20deg); -ms-transform: scale(1.5) rotate(-20deg); transform: scale(1.5) rotate(-20deg); } .pagination li .page-numbers:hover, .pagination li .page-link:hover { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary); } .content-wrapper.style-1 .dz-media { border-radius: 30px; overflow: hidden; } .content-wrapper.style-1 .content-media { position: relative; } @media only screen and (max-width: 767px) { .content-wrapper.style-1 .content-media { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 575px) { .content-wrapper.style-1 .content-media { margin-left: 0; margin-right: 0; } } .content-wrapper.style-1 .content-media .item2 { position: absolute; bottom: 40px; } @media only screen and (max-width: 767px) { .content-wrapper.style-1 .content-media .item2 { bottom: 20px; } } @media only screen and (max-width: 575px) { .content-wrapper.style-1 .content-media .item2 { position: static; } } .content-wrapper.style-1 .content-media:not(.right) { padding-right: 95px; } @media only screen and (max-width: 1199px) { .content-wrapper.style-1 .content-media:not(.right) { padding-left: 80px; } } @media only screen and (max-width: 767px) { .content-wrapper.style-1 .content-media:not(.right) { padding-right: 65px; padding-left: 30px; } } @media only screen and (max-width: 575px) { .content-wrapper.style-1 .content-media:not(.right) { padding-right: 0; padding-left: 0; } } .content-wrapper.style-1 .content-media:not(.right) .item2 { right: 0; } .content-wrapper.style-1 .content-media.right { padding-left: 95px; } @media only screen and (max-width: 1199px) { .content-wrapper.style-1 .content-media.right { padding-right: 80px; } } @media only screen and (max-width: 767px) { .content-wrapper.style-1 .content-media.right { padding-left: 65px; padding-right: 30px; } } @media only screen and (max-width: 575px) { .content-wrapper.style-1 .content-media.right { padding-right: 0; padding-left: 0; } } .content-wrapper.style-1 .content-media.right .item2 { left: 0; } @media only screen and (max-width: 1199px) { .content-wrapper.style-1 { flex-direction: column-reverse; } } .content-wrapper.style-2 .content-media { width: 650px; position: relative; } .content-wrapper.style-2 .content-media .dz-media { padding-right: 150px; } .content-wrapper.style-2 .content-media .item2 { bottom: 220px; right: 80px; position: absolute; } .content-wrapper.style-2 .content-media .circle-wrapper { width: 650px; aspect-ratio: 1/1; position: absolute; z-index: -1; bottom: -100px; left: -60px; } .content-wrapper.style-2 .content-media .circle-wrapper .circle1, .content-wrapper.style-2 .content-media .circle-wrapper .circle2 { border-radius: 50%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 1/1; border: 2px solid rgba(255, 255, 255, 0.1); } .content-wrapper.style-2 .content-media .circle-wrapper .circle1 span, .content-wrapper.style-2 .content-media .circle-wrapper .circle2 span { background-color: var(--bs-primary); display: block; height: 10px; width: 10px; border-radius: 50%; position: absolute; } .content-wrapper.style-2 .content-media .circle-wrapper .circle1 { width: 80%; -webkit-animation: circleWrapper 25s linear infinite; -moz-animation: circleWrapper 25s linear infinite; -ms-animation: circleWrapper 25s linear infinite; -o-animation: circleWrapper 25s linear infinite; animation: circleWrapper 25s linear infinite; } .content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(1) { right: 70px; top: 70px; } .content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(2) { left: 10px; top: 163px; } .content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(3) { right: 15px; bottom: 150px; } .content-wrapper.style-2 .content-media .circle-wrapper .circle2 { width: 100%; -webkit-animation: circleWrapper 50s linear infinite; -moz-animation: circleWrapper 50s linear infinite; -ms-animation: circleWrapper 50s linear infinite; -o-animation: circleWrapper 50s linear infinite; animation: circleWrapper 50s linear infinite; } .content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(1) { left: 78px; top: 100px; } .content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(2) { right: 2px; bottom: 250px; } .content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(3) { left: 0px; bottom: 250px; } @media only screen and (max-width: 1380px) { .content-wrapper.style-2 .content-media { width: 550px; margin-left: -40px; } .content-wrapper.style-2 .content-media .dz-media { padding-right: 80px; } .content-wrapper.style-2 .content-media .circle-wrapper { width: 600px; } .content-wrapper.style-2 .content-media .item2 { right: 20px; } } @media only screen and (max-width: 1199px) { .content-wrapper.style-2 { flex-direction: column-reverse; } .content-wrapper.style-2 .content-media { margin-left: auto; margin-right: auto; margin-top: 30px; } .content-wrapper.style-2 .content-media .dz-media { padding-right: 80px; } } @media only screen and (max-width: 767px) { .content-wrapper.style-2 .content-media .dz-media { padding-right: 50px; } .content-wrapper.style-2 .circle-wrapper { width: 550px; } .content-wrapper.style-2 .circle-wrapper .circle1 span:nth-child(1) { right: 60px; top: 70px; } .content-wrapper.style-2 .circle-wrapper .circle1 span:nth-child(2) { left: 10px; top: 145px; } .content-wrapper.style-2 .circle-wrapper .circle1 span:nth-child(3) { bottom: 135px; } .content-wrapper.style-2 .circle-wrapper .circle2 span:nth-child(1) { left: 75px; top: 90px; } .content-wrapper.style-2 .circle-wrapper .circle2 span:nth-child(2) { bottom: 225px; } .content-wrapper.style-2 .circle-wrapper .circle2 span:nth-child(3) { bottom: 235px; } } @media only screen and (max-width: 575px) { .content-wrapper.style-2 .content-media { width: 100%; } .content-wrapper.style-2 .content-media .dz-media { padding-right: 0; } .content-wrapper.style-2 .content-media .item2 { display: none; } .content-wrapper.style-2 .content-media .circle-wrapper { width: 350px; left: -10px; bottom: 0; } .content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(1) { right: 10px; } .content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(2) { top: 70px; } .content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(3) { bottom: 60px; } .content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(1) { top: 20px; } .content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(2) { bottom: 225px; } .content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(3) { bottom: 215px; } } .content-wrapper.style-3 .content-media { position: relative; padding-bottom: 40px; } .content-wrapper.style-3 .content-media .dz-media { height: 510px; background-color: var(--bs-light); } .content-wrapper.style-3 .content-media .dz-media img { object-fit: cover; height: 100%; width: 100%; } @media only screen and (max-width: 991px) { .content-wrapper.style-3 .content-media .dz-media { height: 420px; } } @media only screen and (max-width: 767px) { .content-wrapper.style-3 .content-media .dz-media { height: 320px; } } @media only screen and (max-width: 575px) { .content-wrapper.style-3 .content-media .dz-media { height: 250px; } } .content-wrapper.style-3 .content-media .dz-btn { position: absolute; bottom: 0; left: 0; background-color: #fff; padding: 15px 15px 0 0; border-radius: 0 25px 0 0; } .content-wrapper.style-3 .content-media .dz-btn::before, .content-wrapper.style-3 .content-media .dz-btn::after { content: ""; background-image: url("data:image/svg+xml,"); width: 25px; height: 25px; position: absolute; background-repeat: no-repeat; background-position: center; background-size: 100%; } .content-wrapper.style-3 .content-media .dz-btn:before { left: 0; top: -25px; } .content-wrapper.style-3 .content-media .dz-btn:after { right: -25px; bottom: 0; } .content-wrapper.style-3 .dz-media { border-radius: 15px; overflow: hidden; } .content-wrapper.style-3 .row > *:not(:last-child)::after { content: ""; width: 1px; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%); opacity: 0.5; } @media only screen and (max-width: 575px) { .content-wrapper.style-4 { padding-bottom: 50px; } } .content-wrapper.style-4 .map-wrapper { position: absolute; width: 100%; height: 100%; padding-top: 23px; left: 0; bottom: 0; } .content-wrapper.style-4 .map-wrapper iframe { margin-bottom: -8px; width: 100%; height: 100%; } @media only screen and (max-width: 575px) { .content-wrapper.style-4 .map-wrapper { display: none; } } .content-wrapper.style-4 .content-info { height: 100%; width: 100%; padding: 40px; position: relative; z-index: 1; min-height: 500px; } .content-wrapper.style-4 .content-info::after { content: ""; position: absolute; right: -25px; top: 0; border-top: 23px solid transparent; border-left: 15px solid var(--bs-secondary); border-right: 10px solid transparent; opacity: 0.8; } .content-wrapper.style-4 .content-info .section-head { margin-bottom: 30px; } .content-wrapper.style-4 .content-info .section-head .title { font-size: 28px; font-weight: 600; } .content-wrapper.style-4 .content-info .section-head p { font-size: 15px; opacity: 0.7; } @media only screen and (max-width: 991px) { .content-wrapper.style-4 .content-info { padding: 25px; } .content-wrapper.style-4 .content-info .section-head { margin-bottom: 25px; } .content-wrapper.style-4 .content-info .section-head .title { font-size: 24px; } .content-wrapper.style-4 .content-info .section-head p { font-size: 14px; } } @media only screen and (max-width: 575px) { .content-wrapper.style-4 .content-info { border-radius: var(--radius-xl); } .content-wrapper.style-4 .content-info::after { display: none; } } .content-wrapper.style-5 .dz-media { border-radius: 20px; } .content-wrapper.style-5 .content-media { position: relative; } .content-wrapper.style-5 .content-info { padding-right: 30px; } @media only screen and (max-width: 1199px) { .content-wrapper.style-5 .content-info { padding-right: 0; } } .content-wrapper.style-6 .content-media { position: relative; transform: translateX(-30px); } @media only screen and (max-width: 1199px) { .content-wrapper.style-6 .content-media { transform: translateX(0); margin-left: -30px; margin-right: -30px; } } @media only screen and (max-width: 991px) { .content-wrapper.style-6 { flex-direction: column-reverse; } .content-wrapper.style-6 .content-media { margin-left: auto; margin-right: auto; max-width: 500px; } } .content-wrapper.style-7 .content-media { position: relative; margin-right: 50px; } .content-wrapper.style-7 .content-media .dz-media { border-radius: var(--radius-xl); } .content-wrapper.style-7 .content-media .dz-media img { mask-image: url(../images/shape/shape1.svg); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 99%; mask-size: 99%; } @media only screen and (max-width: 1380px) { .content-wrapper.style-7 .content-media { margin-right: 0; } } .content-wrapper.style-7 .row-wrapper { --bs-gutter-y: 40px; position: relative; } @media only screen and (max-width: 575px) { .content-wrapper.style-7 .row-wrapper { --bs-gutter-y: 20px; } } .content-wrapper.style-7 .row-wrapper > * { position: relative; } .content-wrapper.style-7 .row-wrapper > *:nth-child(1)::after, .content-wrapper.style-7 .row-wrapper > *:nth-child(3)::after { content: ""; width: 1px; height: 100%; opacity: 0.2; right: 0; position: absolute; } .content-wrapper.style-7 .row-wrapper > *:nth-child(1)::before, .content-wrapper.style-7 .row-wrapper > *:nth-child(2)::before { content: ""; width: 100%; height: 1px; opacity: 0.2; position: absolute; right: 0; bottom: -20px; } .content-wrapper.style-7 .row-wrapper > *:nth-child(1)::after { background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgb(255, 255, 255) 100%); bottom: -20px; } .content-wrapper.style-7 .row-wrapper > *:nth-child(1)::before { background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgb(255, 255, 255) 100%); } .content-wrapper.style-7 .row-wrapper > *:nth-child(2)::before { background: linear-gradient(to left, rgba(30, 87, 153, 0) 0%, rgb(255, 255, 255) 100%); } .content-wrapper.style-7 .row-wrapper > *:nth-child(3)::after { background: linear-gradient(to top, rgba(30, 87, 153, 0) 0%, rgb(255, 255, 255) 100%); top: -20px; } @media only screen and (max-width: 575px) { .content-wrapper.style-7 .row-wrapper > *::before, .content-wrapper.style-7 .row-wrapper > *::after { content: none !important; } } .content-wrapper.style-8 .form-wrapper { margin-left: 60px; margin-bottom: -40px; } @media only screen and (max-width: 1380px) { .content-wrapper.style-8 .form-wrapper { margin-left: 0; } } @media only screen and (max-width: 1199px) { .content-wrapper.style-8 .form-body { padding: 35px 30px; } .content-wrapper.style-8 .title-head { margin-bottom: 30px; } } @media only screen and (max-width: 991px) { .content-wrapper.style-8 { flex-direction: column-reverse; } .content-wrapper.style-8 .form-wrapper { margin-bottom: 30px; } } .content-wrapper.style-9 .content-media { position: relative; } @media only screen and (min-width: 1199px) { .content-wrapper.style-9 .content-media:not(.right) { margin-left: 50px; } .content-wrapper.style-9 .content-media.right { margin-right: 50px; } } .content-wrapper.style-9 .content-media > .dz-media { position: relative; width: 530px; z-index: 1; padding: 0 35px; overflow: unset; margin-left: auto; margin-right: auto; } .content-wrapper.style-9 .content-media > .dz-media::after { content: ""; height: 420px; width: 100%; position: absolute; border-radius: 30px; background-color: var(--bs-primary); box-shadow: 0 0 50px rgba(var(--bs-primary-rgb), 0.3); bottom: 0; left: 0; z-index: -1; } .content-wrapper.style-9 .content-media .item2 { position: absolute; } .content-wrapper.style-9 .content-media .item2 { z-index: 1; left: -40px; bottom: 175px; width: 310px; } @media only screen and (max-width: 1380px) { .content-wrapper.style-9 .content-media > .dz-media { width: 480px; padding: 0 25px; } .content-wrapper.style-9 .content-media .item2 { left: -50px; } } @media only screen and (max-width: 1199px) { .content-wrapper.style-9 .content-media { margin-left: auto; margin-right: auto; } .content-wrapper.style-9 .content-media .item2 { display: none; } .content-wrapper.style-9 .content-media > .dz-media { width: 420px; } .content-wrapper.style-9 .content-media > .dz-media::after { height: 300px; } } @media only screen and (max-width: 575px) { .content-wrapper.style-9 .content-media > .dz-media { width: 100%; } .content-wrapper.style-9 .content-media > .dz-media::after { height: 200px; border-radius: 15px; } } .content-wrapper.style-16 { min-height: 400px; margin-left: -100px; margin-right: -100px; border-radius: 60px; padding: 120px 100px; background-size: 60%; background-repeat: no-repeat; background-position: top right; position: relative; overflow: hidden; } .content-wrapper.style-16::after { content: ""; position: absolute; left: 0; bottom: 0; width: 55%; height: 100%; background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, var(--bs-light) 20%); } @media only screen and (max-width: 1480px) { .content-wrapper.style-16 { min-height: 300px; margin-left: 0; margin-right: 0; border-radius: 30px; padding: 80px 50px; } } @media only screen and (max-width: 991px) { .content-wrapper.style-16 { min-height: 250px; border-radius: 20px; padding: 35px 30px; } } @media only screen and (max-width: 767px) { .content-wrapper.style-16 { min-height: 200px; } } @media only screen and (max-width: 575px) { .content-wrapper.style-16 { padding: 25px 15px; min-height: 150px; background-size: 75%; } .content-wrapper.style-16 .section-head .title { font-size: 24px; margin-bottom: 15px; } } .content-bx.style-3:hover { transform: translateY(-8px); } .content-bx.style-6:hover { transform: translateY(-5px); } .content-bx.style-8:hover { background-color: var(--bs-primary); --bs-heading-color: #fff; } .content-bx.style-8:hover p { color: #fff; } .dz-img-box.style-2:hover { transform: translateY(-5px); } .dz-img-box.style-4:hover { transform: translateY(-5px); } .map-wrapper.style-1 { overflow: hidden; border-radius: 20px; min-height: 450px; height: 100%; position: relative; } .map-wrapper.style-1 iframe { width: 100%; height: 100%; margin-bottom: -8px; } .map-wrapper.style-2 { overflow: hidden; height: 600px; position: relative; } .map-wrapper.style-2 iframe { width: 100%; height: 100%; margin-bottom: -8px; } @media only screen and (max-width: 991px) { .map-wrapper.style-2 { height: 400px; } } .map-wrapper.style-3 { overflow: hidden; border-radius: var(--radius-lg); position: relative; height: 100%; min-height: 660px; } .map-wrapper.style-3 iframe { width: 100%; height: 100%; margin-bottom: -8px; } @media only screen and (max-width: 767px) { .map-wrapper.style-3 { min-height: 400px; } } .map-wrapper.style-4 { padding: 10px; background-color: rgba(255, 255, 255, 0.5); height: 480px; border-radius: var(--radius-lg); overflow: hidden; } .map-wrapper.style-4 iframe { border-radius: var(--radius-lg); } @media only screen and (max-width: 991px) { .map-wrapper.style-4 { height: 400px; } } @media only screen and (max-width: 575px) { .map-wrapper.style-4 { height: 300px; padding: 5px; } } @-webkit-keyframes circleWrapper { from { -webkit-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -webkit-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @keyframes circleWrapper { from { -ms-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -webkit-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -ms-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -webkit-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @-webkit-keyframes circleWrapper2 { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes circleWrapper2 { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .list-check-circle li, .list-check li { position: relative; padding: 5px 5px 5px 30px; font-family: var(--font-family-base); font-size: 16px; } @media only screen and (max-width: 1199px) { .list-check-circle li, .list-check li { font-size: 15px; } } .list-check-circle li:before, .list-check li:before { position: absolute; left: 0; top: 8px; font-family: "Font Awesome 5 Free"; font-weight: 900; } .list-check-circle.primary li:before, .list-check.primary li:before { color: var(--bs-primary); } ul.list-check li:before { content: "\f109"; font-family: flaticon; color: var(--bs-primary); } ul.list-check-circle li { padding: 14px 5px 14px 50px; } ul.list-check-circle li:before { content: "\f109"; font-family: flaticon; color: var(--bs-primary); width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #fff; border-radius: 50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); top: 6px; } ul.list-check-circle.list-light li:before { background-color: rgba(var(--bs-primary-rgb), 0.05); box-shadow: none; } ul.grid-2 { display: flex; flex-wrap: wrap; } ul.grid-2 li { width: 50%; } @media only screen and (max-width: 575px) { ul.grid-2 li { width: 100%; } } .list-square-check li:hover:before { background-color: var(--bs-primary); color: #fff; } .list-check-box li:hover { background: var(--bs-primary); margin-right: 0; } /* Light Gallery */ .lg-next:hover, .lg-prev:hover { background-color: var(--bs-secondary); color: #fff; } .lg-outer .lg-thumb-item:hover { border-color: var(--bs-secondary); } .scroltop { background: var(--bs-secondary); bottom: 30px; color: #fff !important; cursor: pointer; opacity: 0; height: 50px; line-height: 33px; margin: 0; position: fixed; right: 30px; text-align: center; width: 50px; z-index: 999; box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.2); border: 0; border-radius: 50%; transform: translateY(100px); -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .scroltop.show { transform: translateY(0); opacity: 1; } .scroltop:hover i { -webkit-animation: scrollTop 0.8s forwards; -moz-animation: scrollTop 0.8s forwards; animation: scrollTop 0.8s forwards; } @media only screen and (max-width: 575px) { .scroltop { width: 35px; height: 35px; line-height: 35px; right: 15px; } } @-webkit-keyframes scrollTop { 49% { -webkit-transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); } 51% { opacity: 1; } } @-moz-keyframes scrollTop { 49% { -moz-transform: translateY(-100%); } 50% { opacity: 0; -moz-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes scrollTop { 49% { transform: translateY(-100%); } 50% { opacity: 0; transform: translateY(100%); } 51% { opacity: 1; } } @keyframes animationSignal1 { 0% { opacity: 0.8; transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -webkit-transform: scale(0.9); } 100% { transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); opacity: 0; } } @-webkit-keyframes animationSignal1 { 0% { transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -webkit-transform: scale(0.9); } 100% { transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); opacity: 0; } } @keyframes animationSignal2 { 0% { transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); } 100% { transform: scale(1.9); -moz-transform: scale(1.9); -webkit-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); opacity: 0; } } @-webkit-keyframes animationSignal2 { 0% { transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); } 100% { transform: scale(1.9); -moz-transform: scale(1.9); -webkit-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); opacity: 0; } } .swiper1-button-next:hover, .swiper1-button-prev:hover { opacity: 1; } .team-pagination-wrapper .team-swiper-prev:hover i { -webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards; } .team-pagination-wrapper .team-swiper-next:hover i { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } .widget { margin-bottom: 45px; } @media only screen and (max-width: 991px) { .widget { margin-bottom: 30px; } } .widget:last-child { margin-bottom: 0; } .widget-title { position: relative; margin-bottom: 25px; font-weight: 500; } .widget-title .title { margin-bottom: 0; } .download-file ul li a:hover .text { color: var(--bs-primary); } @-webkit-keyframes download1 { 0%, 10%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes download1 { 0%, 10%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } .widget_contact { padding: 45px 40px; border-radius: var(--radius-lg); text-align: center; position: relative; z-index: 1; overflow: hidden; background: var(--bs-primary); background-size: cover; background-position: bottom right; } .widget_contact img, .widget_contact .icon { margin-bottom: 30px; width: 80px; height: 80px; } .widget_contact .title { font-size: 20px; font-weight: 500; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .widget_contact .phone-number { position: relative; font-size: 20px; font-weight: 500; margin-bottom: 12px; } .widget_contact .email { position: relative; font-size: 20px; font-weight: 500; margin-bottom: 35px; } .widget_contact:not(.widget_contact_light) .title { color: #fff; } .widget_contact:not(.widget_contact_light) .email, .widget_contact:not(.widget_contact_light) .phone-number { color: #fff; } .widget_contact:not(.widget_contact_light) .email a, .widget_contact:not(.widget_contact_light) .phone-number a { color: #fff; } .widget_contact:not(.widget_contact_light):after { background: var(--bs-primary); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2; z-index: -1; } .widget_services ul { list-style: none; padding-left: 0; margin-bottom: 0; color: #5E626F; } .widget_services ul li { padding-bottom: 1.125rem; margin-bottom: 0.8125rem; position: relative; padding: 0.5rem 0rem 0.5rem 0; font-size: 15px; margin-bottom: 0; line-height: 1.25rem; font-weight: 400; color: var(--bs-body-color); } .widget_services ul li a { text-transform: capitalize; color: var(--bs-body-color); -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; position: relative; display: inline-block; } .wp-block-latest-posts li a:hover, .wp-block-categories-list li a:hover, .wp-block-archives-list li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .widget_recent_comments ul li a:hover, .widget_nav_menu ul li a:hover, .widget_recent_entries ul li a:hover, .widget_services ul li a:hover { color: var(--bs-primary); } .widget_services ul li li { border-bottom: none; padding-top: 0.5rem; padding-bottom: 0.5rem; line-height: 1.375rem; } .widget_services ul li li:last-child { border-bottom: 0; padding-bottom: 0; } .widget_services ul li li:before { top: 0.5rem; left: 0; } .widget_services ul ul { padding-left: 1.125rem; margin-top: 0.5rem; margin-left: -0.9375rem; } ul cite { font-weight: 600; color: var(--bs-heading-color); } ul a.rsswidget:hover { color: var(--bs-primary); } footer:not(.style-4) ul cite { color: #fff; } .widget_gallery li:hover { opacity: 0.7; } .wp-block-tag-cloud a:hover, .tagcloud a:hover { background-color: var(--bs-primary); color: #fff; } .recent-posts-entry .widget-post-bx .widget-post { display: flex; align-items: center; margin-bottom: 25px; } .recent-posts-entry .widget-post-bx .widget-post .dz-media { width: 90px; min-width: 90px; height: 100px; border-radius: 20px; } .recent-posts-entry .widget-post-bx .widget-post .dz-media img { height: 100%; object-fit: cover; } .recent-posts-entry .widget-post-bx .widget-post .post-date { text-transform: uppercase; } .recent-posts-entry .widget-post-bx .widget-post .dz-info { margin-left: 16px; } .recent-posts-entry .widget-post-bx .widget-post .dz-info > *:last-child { margin-bottom: 0; } .recent-posts-entry .widget-post-bx .widget-post .dz-meta { margin-bottom: 4px; } .recent-posts-entry .widget-post-bx .widget-post .dz-meta li { font-size: 13px; color: var(--bs-heading-color); font-weight: 500; } .recent-posts-entry .widget-post-bx .widget-post .title { font-weight: 500; } .service_menu_nav { background: #fff; padding: 30px 20px; border-radius: var(--radius-lg); } .service_menu_nav .widget-title { padding-left: 20px; padding-right: 20px; margin-bottom: 20px; } .service_menu_nav ul li { padding: 0; } .service_menu_nav ul li a { background-color: #fff; display: block; border-radius: var(--radius-sm); padding: 12px 20px; font-weight: 500; margin-bottom: 5px; color: var(--bs-secondary); -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; position: relative; z-index: 1; overflow: hidden; } .service_menu_nav ul li a:before { content: "\e829"; font-family: "feather"; position: absolute; right: 10px; left: auto; top: 50%; font-size: 18px; color: var(--bs-primary); -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .service_menu_nav ul li:hover a, .service_menu_nav ul li.active a { color: #ffffff; background-color: var(--bs-primary); } .service_menu_nav ul li:hover a:before, .service_menu_nav ul li.active a:before { color: #ffffff; } .service_menu_nav[class*=bg-] .title { color: #fff; } .service_menu_nav[class*=bg-] ul li:not(:hover):not(.current-menu-item):not(.active) a { background-color: transparent; color: #fff; } .side-bar h1, .side-bar .h1 { font-size: 2rem; } .side-bar h2, .side-bar .h2 { font-size: 1.625rem; } .side-bar h3, .side-bar .h3 { font-size: 1.5rem; } .side-bar h4, .side-bar .h4 { font-size: 1.25rem; } .side-bar h5, .side-bar .h5 { font-size: 1.125rem; } .side-bar h6, .side-bar .h6 { font-size: 1rem; } select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.6; color: var(--bs-body-color); background-color: #fff; background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 0; border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; color: #000; border: 1px solid #000; display: block; width: 100%; padding: 12px 20px; font-size: 1rem; font-weight: 400; line-height: 1.6; color: #777777; border: 1px solid #ced4da; border-radius: var(--border-radius-base); } select:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.3); } .widget_info { border-radius: var(--radius-md); padding: 30px 30px 15px; } @keyframes dzMove1 { 0% { -webkit-transform: translate(0); transform: translate(0); } 25% { -webkit-transform: translate(10px, 10px); transform: translate(10px, 10px); } 50% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 75% { -webkit-transform: translate(10px, -5px); transform: translate(10px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes dzHeart { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(0.9); } } .nav { --bs-nav-link-color: var(--bs-primary); --bs-nav-link-hover-color: var(--bs-primary-btn-hover-bg); --bs-nav-link-disabled-color: var(--bs-secondary); } .dz-tabs.style-1 .nav-tabs .nav-link:hover { border-color: var(--bs-primary); } .dz-tabs.style-2 .nav-pills .nav-item .nav-link:hover { background-color: #000; color: #fff; } .dz-social-icon ul { display: flex; } .dz-social-icon li { display: inline-block; margin-right: 5px; } .dz-social-icon li a { height: 40px; width: 40px; min-width: 40px; line-height: 40px; font-size: 16px; text-align: center; border-radius: 5px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .dz-social-icon li a i { color: var(--bs-heading-color); } .dz-social-icon.style-1 { display: flex; } .dz-social-icon.style-1 li a { width: 44px; height: 44px; line-height: 44px; font-size: 14px; display: block; border-radius: 50%; background-color: var(--bs-light); color: var(--bs-primary); } .dz-social-icon.style-1 li a i { color: var(--bs-primary); } .dz-social-icon.style-1 li a:hover { background-color: var(--bs-primary); color: #fff; } .dz-social-icon.style-1 li a:hover i { color: #fff; } .dz-social-icon.style-2 li { margin-right: 10px; color: #000; } .dz-social-icon.style-2 li a { color: #fff; width: 55px; height: 55px; line-height: 55px; font-size: 20px; border: 1px solid var(--border-color); border-radius: 50%; display: block; background: var(--bs-secondary); } .dz-social-icon.style-2 li a i { color: #fff; } .dz-social-icon.style-2 li a:hover { background-color: var(--bs-secondary); border-color: var(--bs-secondary); color: #fff; } .dz-social-icon.style-2.white a:hover { background-color: #fff; border-color: #fff; color: var(--bs-secondary); } .dz-social-icon.style-2.white a:hover i { color: var(--bs-secondary); } @media only screen and (max-width: 1191px) { .dz-social-icon.style-2 { justify-content: center; } } .dz-social-icon.style-3 li { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: var(--border-radius-base); } .dz-social-icon.style-3 li:nth-child(1) { background-color: #3b5998; } .dz-social-icon.style-3 li:nth-child(2) { background-color: #1da1f2; } .dz-social-icon.style-3 li:nth-child(3) { background-color: #25d366; } .dz-social-icon.style-3 li:nth-child(4) { background-color: #db4439; } .dz-social-icon.style-3 li a { color: #ffffff; font-size: 16px; line-height: 1; } @media only screen and (max-width: 575px) { .dz-social-icon.style-3 { display: none; } } .dz-social-icon.style-4 { display: flex; } .dz-social-icon.style-4 ul { gap: 10px; } .dz-social-icon.style-4 li { margin: 0; } .dz-social-icon.style-4 li a { width: 50px; height: 50px; line-height: 50px; font-size: 18px; display: block; border-radius: 50%; border: 1px solid var(--bs-body-color); color: var(--bs-body-color); } .dz-social-icon.style-4 li a i { color: inherit; } .dz-social-icon.style-4 li a:hover { background-color: var(--bs-primary); border-color: var(--bs-primary); color: #fff; } @-webkit-keyframes upToDown { 49% { -webkit-transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); } 51% { opacity: 1; } } @-moz-keyframes upToDown { 49% { -moz-transform: translateY(100%); } 50% { opacity: 0; -moz-transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes upToDown { 49% { -webkit-transform: translateY(100%); transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% { opacity: 1; } } @-webkit-keyframes upToRight { 49% { -webkit-transform: translateX(100%); } 50% { opacity: 0; -webkit-transform: translateX(-100%); } 51% { opacity: 1; } } @-moz-keyframes upToRight { 49% { -moz-transform: translateX(100%); } 50% { opacity: 0; -moz-transform: translateX(-100%); } 51% { opacity: 1; } } @keyframes upToRight { 49% { -webkit-transform: translateX(100%); transform: translateX(100%); } 50% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 51% { opacity: 1; } } @-webkit-keyframes leftToRight { 49% { -webkit-transform: translateX(100%); } 50% { opacity: 0; -webkit-transform: translateX(-100%); } 51% { opacity: 1; } } @-moz-keyframes leftToRight { 49% { -moz-transform: translateX(100%); } 50% { opacity: 0; -moz-transform: translateX(-100%); } 51% { opacity: 1; } } @keyframes leftToRight { 49% { -webkit-transform: translateX(100%); transform: translateX(100%); } 50% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 51% { opacity: 1; } } @keyframes movedelement { 0% { -webkit-transform: translate(0); transform: translate(0); } 25% { -webkit-transform: translate(10px, 10px); transform: translate(10px, 10px); } 50% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 75% { -webkit-transform: translate(10px, -5px); transform: translate(10px, -5px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes movedelement2 { 0% { -webkit-transform: translate(0); transform: translate(0); } 25% { -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px); } 50% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 75% { -webkit-transform: translate(-10px, 5px); transform: translate(-10px, 5px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes movedelement3 { 0% { -webkit-transform: translate(0); transform: translate(0); } 25% { -webkit-transform: translate(15px, 15px); transform: translate(15px, 15px); } 50% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 75% { -webkit-transform: translate(15px, -8px); transform: translate(15px, -8px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes movedelement4 { 0% { -webkit-transform: translate(0); transform: translate(0); } 25% { -webkit-transform: translate(-15px, -15px); transform: translate(-15px, -15px); } 50% { -webkit-transform: translate(-8px, -8px); transform: translate(-8px, -8px); } 75% { -webkit-transform: translate(-15px, 8px); transform: translate(-15px, 8px); } to { -webkit-transform: translate(0); transform: translate(0); } } @keyframes movedelement5 { 0% { -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } 25% { -webkit-transform: translate(10px, calc(-50% + 10px)); transform: translate(10px, calc(-50% + 10px)); } 50% { -webkit-transform: translate(5px, calc(-50% + 5px)); transform: translate(5px, calc(-50% + 5px)); } 75% { -webkit-transform: translate(10px, calc(-50% - 5px)); transform: translate(10px, calc(-50% - 5px)); } to { -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } } @-moz-keyframes spin { 100% { -moz-transform: translate(-50%, -50%) rotate(-45deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: translate(-50%, -50%) rotate(-45deg); } } @keyframes spin { 100% { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } } @-moz-keyframes spin2 { 100% { -moz-transform: translate(-50%, -50%) rotate(45deg); } } @-webkit-keyframes spin2 { 100% { -webkit-transform: translate(-50%, -50%) rotate(45deg); } } @keyframes spin2 { 100% { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } .dz-ring-effect { -webkit-animation: dzRing 1.2s infinite ease-in-out; animation: dzRing 1.2s infinite ease-in-out; display: inline-flex; } @-webkit-keyframes dzRing { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); } } @-webkit-keyframes dzRing { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); } } .dropdown-item:hover { background-color: var(--bs-light); color: var(--bs-primary); } @keyframes fadeInSlideUp { to { opacity: 1; transform: translateY(0); } } .custom-react-select > div:nth-child(4) > div > div:hover { background-color: #fff; color: #566593; } .custom-react-select2 > div:nth-child(4) > div > div:hover { background-color: #fff; color: #00bde0; } /*Blog single */ .blog-single { margin-bottom: 3.125rem; } @media only screen and (max-width: 575px) { .blog-single { margin-bottom: 2rem; } } .blog-single h1, .blog-single .h1 { max-width: 1050px; margin-bottom: 15px; font-size: 2.813rem; line-height: 1.3; font-weight: 600; } @media only screen and (max-width: 1480px) { .blog-single h1, .blog-single .h1 { font-size: 2.25rem; } } @media only screen and (max-width: 1199px) { .blog-single h1, .blog-single .h1 { font-size: 1.875rem; } } .blog-single .dz-post-text { padding-bottom: 5px; } .blog-single .dz-post-text:after { content: ""; display: block; width: 100%; clear: both; } .blog-single .post-header .dz-title { font-size: 3.125rem; } @media only screen and (max-width: 1480px) { .blog-single .post-header .dz-title { font-size: 2.625rem; } } @media only screen and (max-width: 1199px) { .blog-single .post-header .dz-title { font-size: 2.25rem; } } .blog-single.style-1 { box-shadow: unset; border-radius: 0; overflow: unset; margin-bottom: 60px; } .blog-single.style-1 .post-header .dz-title { margin-right: auto; margin-left: auto; text-align: center; } .blog-single.style-1 ul { padding: 0 !important; } .blog-single.style-1 ul li:before { display: none !important; } @media only screen and (max-width: 991px) { .blog-single.style-1 { margin-bottom: 20px; } } .blog-single.style-1 .dz-media + .dz-info { text-align: unset; border: 0; padding: 0; margin-top: 0; padding: 60px 0 0 0; } @media only screen and (max-width: 1199px) { .blog-single.style-1 .dz-media + .dz-info { padding: 30px 0 0 0; } } @media only screen and (max-width: 575px) { .blog-single.style-1 .dz-media + .dz-info { padding: 20px 0 0 0; } } .blog-single.style-1 .dz-meta { margin-bottom: 30px; } .blog-single.style-1 .dz-meta li { align-items: center; gap: 6px; flex-wrap: wrap; position: relative; margin-right: 20px; font-size: 13px; color: #24262B; } @media only screen and (max-width: 575px) { .blog-single.style-1 .dz-meta li { font-size: 12px; } } .blog-single.style-1 .dz-meta li i { color: var(--bs-primary); } .blog-single.style-1 .dz-meta li a { color: var(--bs-secondary); } .blog-single.style-1 .dz-meta li:after { content: ""; height: 6px; width: 6px; border-radius: 50%; background-color: var(--bs-secondary); transform: translate(8px, -1px); } .blog-single.style-1 .dz-meta li:first-child::after, .blog-single.style-1 .dz-meta li:last-child::after { content: none; } .blog-single.style-1 .dz-meta li.post-date { padding: 6px 12px 6px 25px; line-height: 1.2; font-weight: 600; display: inline-block; background: rgba(var(--bs-primary-rgb), 0.1); color: var(--bs-primary); font-size: 13px; border-radius: 30px; margin-right: 10px; } .blog-single.style-1 .dz-meta li.post-date::after { content: "\f111" !important; font-family: "FontAwesome"; font-size: 7px; transform: translateY(-2px); display: inline-block; margin-right: 6px; position: absolute; left: 12px; top: 12px; } @media only screen and (max-width: 575px) { .blog-single.style-1 .dz-meta li.post-date { font-size: 12px; } } @media only screen and (max-width: 575px) { .blog-single.style-1 .dz-meta { margin-bottom: 20px; } .blog-single.style-1 .dz-meta li { gap: 4px; margin-right: 10px; padding-right: 0; } .blog-single.style-1 .dz-meta li:after { content: none; } } .blog-single.style-1 .dz-meta.style-1 ul { gap: 10px; } .blog-single.style-1 .dz-meta.style-1 li { background-color: #fff; border-radius: 30px; color: var(--bs-secondary); font-weight: 500; gap: 2px; line-height: 1.23; margin: 0; } .blog-single.style-1 .dz-meta.style-1 li:not(.post-date) { padding: 6px 12px; } .blog-single.style-1 .dz-meta.style-1 li a { color: var(--bs-secondary); } .blog-single.style-1 .dz-meta.style-1 li i { font-size: 12px; color: var(--bs-primary); margin-right: 8px; transform: translateY(1px); } .blog-single.style-1 .dz-meta.style-1 li:not(.post-date)::after { display: none; } .blog-single.style-1 .dz-meta.style-1 li.post-date::after { color: var(--bs-primary); } .blog-single.style-1 .dz-info { text-align: unset; border: 0; padding: 0; margin-top: 0; } .blog-single.style-1 .dz-info + .dz-media { margin-top: 25px; } .blog-single .dz-media { text-align: center; } .blog-single .dz-media img { width: auto; } .dz-post-text blockquote a { box-shadow: none; text-decoration: none; } .section-full { --dz-height: 650px; } @media only screen and (max-width: 1480px) { .section-full { --dz-height: 500px; } } @media only screen and (max-width: 767px) { .section-full { --dz-height: 380px; } } @media only screen and (max-width: 575px) { .section-full { --dz-height: 300px; } } .post-header { position: relative; overflow: hidden; } @media only screen and (max-width: 575px) { .post-header { margin-bottom: 1.25rem; } } .post-header .dz-media { height: var(--dz-height); } .post-header .dz-media img { min-height: 250px; width: 100%; height: 100%; object-fit: cover; } .post-header .dz-info { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 0 15px !important; width: 100%; } @media only screen and (max-width: 575px) { .post-header .dz-info { padding: 40px 15px 15px 15px !important; } } .post-header .dz-info .dz-title { color: #fff; text-transform: capitalize; } @media only screen and (max-width: 575px) { .post-header .dz-info .dz-title { font-size: 24px; } } .post-header .dz-info .dz-meta > ul { justify-content: center; } .post-header .dz-info .dz-meta > ul > li { color: #fff; } .post-link-in:hover { background: var(--bs-primary); color: #fff; } .side-bar { padding-left: 20px; padding-bottom: 1px; } .side-bar.left { padding-left: 0; padding-right: 20px; } @media only screen and (max-width: 1199px) { .side-bar.left { padding-right: 0; padding-left: 0; } } blockquote { padding: 1.5rem 6rem 1.5rem 1.875rem; font-size: 0.938rem; color: var(--bs-heading-color); margin-top: 2rem; margin-bottom: 2rem; line-height: 1.875rem; position: relative; clear: both; font-weight: 700; z-index: 1; font-family: var(--font-family-title); border-radius: 15px; } blockquote i { font-size: 65px; } @media only screen and (max-width: 575px) { blockquote i { font-size: 40px; } } blockquote i, blockquote svg { position: absolute; right: 15px; bottom: 15px; color: var(--bs-primary); } @media only screen and (max-width: 991px) { blockquote { padding: 1.25rem 2.25rem 0.938rem 1.25rem; font-size: 0.813rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } } @media only screen and (max-width: 575px) { blockquote { padding: 1.25rem 0.25rem 0.938rem 1.25rem; } } blockquote cite { font-style: normal; position: relative; display: block; margin-top: -0.3125rem; font-weight: 500; color: var(--bs-primary); line-height: 1.3; } blockquote cite:before { content: ""; margin-right: 0.625rem; width: 36px; height: 2px; background: var(--bs-primary); display: inline-block; vertical-align: middle; } blockquote b, blockquote strong, blockquote .strong { color: inherit; } blockquote:after { content: ""; width: 4px; border-radius: 2px; height: 80%; left: 0; top: 50%; background: var(--bs-primary); position: absolute; transform: translateY(-50%); } blockquote:before { content: ""; z-index: -1; background-size: cover; left: 20px; background-image: var(--quote); background-position: center right; width: 90px; padding: 0; opacity: 0.1; background-repeat: no-repeat; height: 90px; top: 0px; position: absolute; } blockquote.style-1 { background: #f5f5f5; color: var(--bs-primary); padding: 25px 40px; } blockquote.style-1 p { font-size: 18px; line-height: 1.5; color: var(--bs-primary); } blockquote.style-1 h4, blockquote.style-1 .h4 { font-weight: 800; } blockquote.style-1:after { content: none; } blockquote.style-1:before { right: 70px; top: -10px; color: rgb(255, 255, 255); content: "\f11d"; font-family: flaticon; height: auto; font-size: 180px; transform: rotate(180deg); width: auto; background: none; line-height: 1; opacity: 1; } blockquote.style-1 cite { color: var(--bs-heading-color); } blockquote.style-1 cite:before { background: var(--bs-heading-color); } blockquote.style-2 { padding: 10px 0 10px 25px; } blockquote.style-2:before { content: none; } blockquote.style-2 cite { color: #777777; font-size: 18px; font-family: var(--font-family-title); } blockquote.style-2 cite:before { background: #777777; } blockquote.style-3 { text-align: center; padding: 0 0; } blockquote.style-3:after { content: none; } blockquote.style-3:before { background: var(--bs-primary); opacity: 1; color: #fff; content: "\f10e"; height: 60px; width: 60px; border-radius: 60px; position: relative; left: 0; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 28px; line-height: 60px; margin-bottom: 15px; } blockquote.style-3 cite { font-size: 18px; } blockquote.style-3 cite:before { content: none; } blockquote.style-4 { background: var(--bs-primary); padding: 30px 30px; border-radius: var(--border-radius-base); } blockquote.style-4 .title { color: #fff; margin-bottom: 20px; } blockquote.style-4 cite { color: #fff; font-size: 18px; font-family: var(--font-family-title); } blockquote.style-4 cite:before { background: #fff; } blockquote.style-4:after { content: none; } blockquote.style-4:before { left: 30%; top: -10px; color: rgb(255, 255, 255); content: "\f11d"; font-family: flaticon; height: auto; font-size: 180px; transform: rotate(180deg) translateX(-50%); width: auto; background: none; line-height: 1; opacity: 0.1; } .dz-blog.blog-single .dz-post-text blockquote p, blockquote p { line-height: 1.5; color: var(--bs-heading-color); margin-bottom: 1rem; font-weight: 500; font-size: 22px; font-family: var(--font-family-title); font-style: normal; } .dz-blog.blog-single .dz-post-text blockquote p cite, blockquote p cite { margin-top: 20px; } @media only screen and (max-width: 991px) { .dz-blog.blog-single .dz-post-text blockquote p, blockquote p { font-size: 1.125rem; } } .dz-blog.blog-single .dz-post-text blockquote.style-1 p, blockquote.style-1 p { color: var(--bs-primary); margin-bottom: 1.5rem; } /* Gutenberg Css */ .dz-blog.blog-single .dz-post-text > ol, .dz-blog.blog-single .dz-post-text > ul, .dz-blog.blog-single .dz-post-text.text > ol, .dz-blog.blog-single .dz-post-text.text > ul { padding-left: 1.25rem; } .dz-blog.blog-single .dz-post-text > ol ol, .dz-blog.blog-single .dz-post-text > ol ul, .dz-blog.blog-single .dz-post-text > ul ol, .dz-blog.blog-single .dz-post-text > ul ul, .dz-blog.blog-single .dz-post-text.text > ol ol, .dz-blog.blog-single .dz-post-text.text > ol ul, .dz-blog.blog-single .dz-post-text.text > ul ol, .dz-blog.blog-single .dz-post-text.text > ul ul { padding-left: 1.563rem; } .dz-blog.blog-single .dz-post-text > ol li, .dz-blog.blog-single .dz-post-text > ul li, .dz-blog.blog-single .dz-post-text > ol li, .dz-blog.blog-single .dz-post-text > ul li, .dz-blog.blog-single .dz-post-text.text > ol li, .dz-blog.blog-single .dz-post-text.text > ul li { padding: 0.5rem 0.5rem; position: relative; list-style: inherit; } .dz-post-text h1, .dz-post-text .h1 { margin-bottom: 1rem; font-weight: 600; } .dz-post-text h2, .dz-post-text .h2 { margin-bottom: 1rem; font-weight: 600; } @media only screen and (max-width: 767px) { .dz-post-text h2, .dz-post-text .h2 { font-size: 1.5rem; } } .dz-post-text h3, .dz-post-text .h3 { margin-bottom: 1rem; font-weight: 600; } .dz-post-text h4, .dz-post-text .h4 { margin-bottom: 0.75rem; font-weight: 600; } .dz-post-text h5, .dz-post-text .h5 { margin-bottom: 0.75rem; } .dz-post-text h6, .dz-post-text .h6 { margin-bottom: 0.625rem; } .dz-blog.blog-single .dz-post-text, .dz-blog.blog-single .dz-post-text ul li, .dz-blog.blog-single .dz-post-text ol li, .dz-blog.blog-single .dz-blog.blog-single .dz-post-text p:not(.has-text-color):not(.has-text-align-center):not(.has-text-align-left):not(.has-text-align-right) { font-size: 1.125rem; line-height: 1.7; } .dz-blog.blog-single .dz-post-text ul li, .dz-blog.blog-single .dz-post-text ol li { list-style: none; position: relative; } .dz-blog.blog-single .dz-post-text ul > li:before, .dz-blog.blog-single .dz-post-text ol > li:before { content: ""; display: inline-block; width: 0.375rem; height: 0.375rem; background: #444444; left: -0.938rem; position: absolute; top: 1.063rem; border-radius: 4px; } .dz-blog.blog-single .dz-post-text p { margin-bottom: 30px; font-weight: 300; color: var(--bs-secondary); } @media only screen and (max-width: 575px) { .dz-blog.blog-single .dz-post-text p { margin-bottom: 15px; } } .paginate-links > a:hover, .paginate-links > span:hover { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary); box-shadow: 0px 5px 12px rgba(var(--bs-primary-rgb), 0.4); } /* Gutenberg Gallery */ .blog-single.dz-blog.sidebar { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } .dz-post-text table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; font-size: 1rem; margin-bottom: 1.875rem; } .dz-post-text figcaption { font-size: 0.875rem; font-family: "Poppins", sans-serif; font-style: normal; margin-top: 0.625rem; } .dz-post-text table tbody tr:nth-of-type(odd) { background-color: #fafafa; } .dz-post-text td, .dz-post-text th { padding: 0.625rem 0.938rem; border: 0.0625rem solid #e4e4e4; border-right: 0; border-left: 0; } /* Admin Bar */ /* Theme Unit Test */ .post-password-form input[type=submit]:hover { background-color: var(--bs-primary); } .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a:hover { color: var(--bs-primary); } @media only screen and (max-width: 61.9375rem) { .dz-blog.blog-single .dz-post-text, .dz-blog.blog-single .dz-post-text ul li, .dz-blog.blog-single .dz-post-text ol li, .dz-blog.blog-single .dz-post-text p { font-size: 16px; } } .post-password-form input[type=submit]:hover { background: var(--primary-hover); } @media only screen and (max-width: 991px) { .side-bar.sticky-top { position: unset; padding: 0; } } .dz-share-post .post-tags a:hover { color: var(--bs-primary); } .post-swiper .btn-next:hover, .post-swiper .btn-prev:hover, .post-swiper .prev-post-swiper-btn:hover, .post-swiper .next-post-swiper-btn:hover, .post-swiper .prev-service-swiper-btn:hover, .post-swiper .next-service-swiper-btn:hover, .post-swiper-thumb .btn-next:hover, .post-swiper-thumb .btn-prev:hover, .post-swiper-thumb .prev-post-swiper-btn:hover, .post-swiper-thumb .next-post-swiper-btn:hover, .post-swiper-thumb .prev-service-swiper-btn:hover, .post-swiper-thumb .next-service-swiper-btn:hover, .service-swiper .btn-next:hover, .service-swiper .btn-prev:hover, .service-swiper .prev-post-swiper-btn:hover, .service-swiper .next-post-swiper-btn:hover, .service-swiper .prev-service-swiper-btn:hover, .service-swiper .next-service-swiper-btn:hover { background-color: var(--bs-primary); color: #fff; } .blog-single .dz-media + .dz-info { padding: 30px 0 0; } @keyframes stroke { 0% { fill: rgba(255, 255, 255, 0); stroke: rgb(255, 255, 255); stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2; } 70% { fill: rgba(255, 255, 255, 0); stroke: rgb(255, 255, 255); } 80% { fill: rgba(255, 255, 255, 0); stroke: rgb(255, 255, 255); stroke-width: 3; } 100% { fill: rgb(255, 255, 255); stroke: rgba(255, 255, 255, 0); stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; } } .filter-area .grid-area .nav .nav-item .nav-link:hover { color: var(--bs-secondary); } .page { margin-top: 40px; align-items: center; } @media only screen and (max-width: 767px) { .page { margin-top: 0; text-align: center; } } .shop-account .account-list li a:hover { background: rgba(234, 164, 81, 0.1019607843); border-left-color: var(--bs-primary); } .product-size .btn:hover { border-color: inherit; } .dz-product-detail .dz-media:hover .dz-maximize { opacity: 1; } /* Idle State of the stars */ /* Hover state of the stars */ /* Selected state of the stars */ /* WooCommerce END */ .dz-box.product .item-box .item-info-in ul li a:hover { background: var(--primary-hover); } .dz-box.product .item-box .item-info-in ul li a:hover i { transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); } .dz-box.product:hover { box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15); transform: translateY(-15px); -moz-transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); } .dz-box.product:hover .item-box .item-img:after { opacity: 0.7; } .dz-box.product:hover .item-box .item-img .item-info-in { transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; } .woocommerce nav.woocommerce-pagination ul li span:hover, .woocommerce nav.woocommerce-pagination ul li a:hover { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary); box-shadow: 0px 5px 12px rgba(var(--bs-primary-rgb), 0.4); } .woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover { color: #fff; background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .widget_product_categories ul li a:hover { color: var(--bs-primary); transform: translateX(10px); } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a { background: transparent; color: var(--bs-primary); } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a:before { width: 100%; opacity: 1; } .woocommerce #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .woocommerce #review_form #respond .form-submit input:hover { color: #fff; background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .woocommerce-cart-form .table tr .button:hover, .woocommerce-cart-form .table tr .button:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .woocommerce-cart-form .table tr .button:hover { color: #fff; background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { color: #fff; background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input.button:hover, .woocommerce #place_order:hover, .woocommerce #place_order:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #place_order:hover { color: #fff; background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } /* Extra css */ /* Mini Cart Start */ .minicart .cart-content a:hover { color: #fe4536; background: none; } .minicart .checkout-link a:hover { background: #fe4536; } .minicart .checkout-link a.red-color:hover { background: #84b77c; } .woocommerce-widget-layered-nav ul li a:hover, .wc-block-product-categories ul li a:hover, .widget_product_categories ul li a:hover { color: var(--bs-primary); transform: translateX(10px); } body.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, body.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover { border: 2px solid #fff; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.3); } .woocommerce a.button.alt:hover { background: var(--primary-hover); border-color: var(--primary-hover); } /* WooCommerce Start */ @media only screen and (min-width: 1199px) { .service-single .side-bar:not(.left) { padding-left: 45px; } .service-single .side-bar.left { padding-right: 45px; } } .service-single .single-inner p { font-size: 18px; font-weight: 300; } .service-single .single-inner h2, .service-single .single-inner .h2 { font-size: 35px; margin-bottom: 10px; } .service-single .single-inner h3, .service-single .single-inner .h3 { font-size: 28px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .service-single .single-inner p { font-size: 16px; } .service-single .single-inner h2, .service-single .single-inner .h2 { font-size: 30px; } .service-single .single-inner h3, .service-single .single-inner .h3 { font-size: 24px; } } @media only screen and (max-width: 575px) { .service-single .single-inner h2, .service-single .single-inner .h2 { font-size: 28px; } .service-single .single-inner h3, .service-single .single-inner .h3 { font-size: 20px; margin-bottom: 12px; } } .service-single .single-media { margin-bottom: 45px; } @media only screen and (max-width: 767px) { .service-single .single-media { margin-bottom: 25px; } } @media only screen and (max-width: 575px) { .service-single .single-media { margin-bottom: 15px; } } .service-single .content-item { margin-bottom: 35px; } @media only screen and (max-width: 767px) { .service-single .content-item { margin-bottom: 25px; } } @media only screen and (max-width: 575px) { .service-single .content-item { margin-bottom: 20px; } } .logo-header { display: flex; align-items: center; float: left; vertical-align: middle; padding: 0; color: #EFBB20; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; width: 165px; height: 80px; position: relative; z-index: 9; } @media only screen and (max-width: 1199px) { .logo-header { width: 135px; } } @media only screen and (max-width: 575px) { .logo-header { height: 65px; } } @media only screen and (max-width: 1199px) { .logo-header { margin-right: 8px !important; } } @media only screen and (max-width: 991px) { .logo-header { margin-right: 0 !important; } } .logo-header a { display: table-cell; vertical-align: middle; } .logo-header img { object-fit: contain; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .top-bar .dz-social li a:hover { color: var(--bs-primary); } .top-bar .dz-topbar-center ul a:hover, .top-bar .dz-topbar-left ul a:hover, .top-bar .dz-topbar-right ul a:hover { color: var(--bs-primary); } .top-bar.text-white .dz-topbar-center ul a:hover, .top-bar.text-white .dz-topbar-left ul a:hover, .top-bar.text-white .dz-topbar-right ul a:hover { color: rgba(255, 255, 255, 0.8); } .site-header { position: relative; z-index: 9999; } .site-header .main-bar { background: var(--bs-body-bg); width: 100%; position: relative; } @media only screen and (min-width: 991px) { .site-header .main-bar .inner-bar { display: flex; } } .site-header .container { position: relative; } .site-header .extra-nav { float: right; display: flex; align-items: center; position: relative; z-index: 9; height: 80px; padding-left: 30px; color: var(--bs-heading-color); } .site-header .extra-nav .extra-cell { display: flex; align-items: center; } .site-header .extra-nav .extra-cell > * { margin-left: 20px; display: flex; align-items: center; flex-direction: inherit; gap: 10px; } @media only screen and (max-width: 991px) { .site-header .extra-nav .extra-cell > * { margin-left: 15px; } } @media only screen and (max-width: 575px) { .site-header .extra-nav .extra-cell > * { margin-left: 0; } } .site-header .extra-nav .extra-cell ul li button, .site-header .extra-nav .extra-cell ul li a { min-width: 40px; display: flex; align-content: center; justify-content: center; vertical-align: middle; position: relative; } .site-header .extra-nav .extra-cell ul li button i, .site-header .extra-nav .extra-cell ul li a i { font-size: 32px; color: var(--bs-heading-color); } .site-header .extra-nav .extra-cell ul li button svg rect, .site-header .extra-nav .extra-cell ul li a svg rect { fill: var(--bs-heading-color); } .site-header .extra-nav .extra-cell ul li button .badge, .site-header .extra-nav .extra-cell ul li a .badge { position: absolute; top: -4px; right: 2px; font-size: 12px; padding: 0px; display: flex; align-items: center; justify-content: center; min-height: 18px; min-width: 18px; font-weight: 600; background-color: #fff; color: var(--bs-secondary); box-shadow: var(--bs-box-shadow-sm); } @media only screen and (max-width: 767px) { .site-header .extra-nav .extra-cell ul li button i, .site-header .extra-nav .extra-cell ul li a i { font-size: 28px; } } @media only screen and (max-width: 767px) { .site-header .extra-nav .extra-cell ul li .btn { font-size: 14px; padding: 10px 18px; border-radius: 10px; } } @media only screen and (max-width: 991px) { .site-header .extra-nav { height: 80px; } } @media only screen and (max-width: 1680px) { .site-header .extra-nav { padding-left: 0; } } @media only screen and (max-width: 575px) { .site-header .extra-nav { width: 100%; background: #fff; position: fixed; bottom: -80px; left: 0; padding: 0 20px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); height: 60px; transition: all 0.5s ease 0.5s; } .site-header .extra-nav.active { bottom: 0; } .site-header .extra-nav.bottom-end { bottom: -80px; } .site-header .extra-nav .extra-cell { width: 100%; } .site-header .extra-nav .extra-cell ul { width: 100%; justify-content: space-between; } .site-header .extra-nav .extra-cell ul .login-link { margin-right: auto; margin-left: -15px; } } .site-header .extra-nav #quik-search-btn { color: #fff; cursor: pointer; margin-right: 0px; border: 0; width: 45px; height: 45px; background: var(--bs-secondary); line-height: 45px; text-align: center; font-size: 18px; border-radius: var(--border-radius-base); } @media only screen and (max-width: 575px) { .site-header .extra-nav .btn { padding-left: 15px; padding-right: 15px; } } .site-header .extra-nav ul li { display: inline-block; } .site-header .extra-nav ul li .icon { padding: 0; background: transparent; min-width: 40px; text-align: center; height: 40px; line-height: 40px; border-radius: 4px; } .w3menu-toggler { border: 0 solid #efbb20; font-size: 16px; line-height: 24px; margin: 40px 0 39px 15px; padding: 0; float: right; outline: none !important; } @media only screen and (max-width: 991px) { .w3menu-toggler { margin: 18px 0px 16px 20px; } } @media only screen and (max-width: 575px) { .w3menu-toggler { margin: 10px 0px 10px 20px; } } .navicon { width: 45px; height: 45px; background: var(--bs-secondary); position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; border-radius: var(--radius-sm); } @media only screen and (min-width: 991px) { .navicon { display: none; } } .navicon span { display: block; position: absolute; height: 2px; width: 100%; border-radius: 1px; opacity: 1; background: #fff; left: 10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .navicon span:nth-child(1) { top: 13px; width: 22px; } .navicon span:nth-child(2) { top: 22px; width: 25px; } .navicon span:nth-child(3) { top: 32px; width: 20px; } .navicon.open span:nth-child(1) { top: 23px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .navicon.open span:nth-child(2) { opacity: 0; left: -60px; } .navicon.open span:nth-child(3) { top: 23px; width: 23px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .header-nav { padding: 0; } .header-nav::-webkit-scrollbar { display: none !important; } .header-nav .badge { transform: translateY(-2px); } @media only screen and (max-width: 991px) { .header-nav:not(.mo-left):not(.mo-right) { overflow-y: scroll; position: fixed; width: 100%; height: 100vh !important; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; top: 0; background-color: #ffffff; margin: 0; z-index: 99; } } @media only screen and (max-width: 991px) { .header-nav.show:not(.mo-left):not(.mo-right) { left: 0; -webkit-transition: all 1s; -ms-transition: all 1s; transition: all 1s; margin: 0; } } .header-nav .logo-header { display: none; } @media only screen and (max-width: 991px) { .header-nav .logo-header { padding: 30px 20px; float: none; height: auto; width: 240px; } } .header-nav .nav { float: right; padding: 0; font-size: 0; } .header-nav .nav > li { margin: 0px; font-weight: 400; position: relative; } .header-nav .nav > li.has-mega-menu { position: inherit; } @media only screen and (max-width: 991px) { .header-nav .nav > li { border-bottom: 1px solid #eee; width: 100%; } } .header-nav .nav > li.menu-item-has-children > a:after, .header-nav .nav > li.sub-menu-down > a:after { content: "+"; margin-left: 5px; margin-top: -5px; display: inline-block; width: 12px; height: 12px; } @media only screen and (max-width: 991px) { .header-nav .nav > li.menu-item-has-children > a:after, .header-nav .nav > li.sub-menu-down > a:after { display: none; } } .header-nav .nav > li.menu-item-has-children > a i, .header-nav .nav > li.sub-menu-down > a i { display: none; } @media only screen and (max-width: 991px) { .header-nav .nav > li.menu-item-has-children > a i, .header-nav .nav > li.sub-menu-down > a i { display: block; font-size: 9px; margin-left: 5px; margin-top: 0; vertical-align: middle; font-weight: 900; font-family: "Font Awesome 5 Free"; } } @media only screen and (max-width: 991px) and (max-width: 991px) { .header-nav .nav > li.menu-item-has-children > a i, .header-nav .nav > li.sub-menu-down > a i { background-color: var(--bs-secondary); color: #fff; height: 30px; line-height: 30px; right: 0; text-align: center; width: 30px; z-index: 3; float: right; font-size: 11px; margin: 0; } .header-nav .nav > li.menu-item-has-children > a i:before, .header-nav .nav > li.sub-menu-down > a i:before { content: "\f054"; } } @media only screen and (max-width: 991px) { .header-nav .nav > li.menu-item-has-children.open > a i:before, .header-nav .nav > li.sub-menu-down.open > a i:before { content: "\f078"; } } .header-nav .nav > li > a { color: var(--white); font-size: 16px; padding: 28px 20px; font-family: var(--font-family-title); cursor: pointer; font-weight: 500; display: inline-block; position: relative; line-height: 24px; } @media only screen and (max-width: 1199px) { .header-nav .nav > li > a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 991px) { .header-nav .nav > li > a { padding: 8px 0; display: block; line-height: 30px; font-size: 16px; } } .header-nav .nav > li > a span { display: inline-block; } .header-nav .nav > li .mega-menu, .header-nav .nav > li .sub-menu { background-color: #fff; display: block; left: 0; list-style: none; opacity: 0; padding: 20px 30px; position: absolute; visibility: hidden; width: 220px; z-index: 10; margin-top: 20px; text-align: left; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); pointer-events: none; } @media only screen and (max-width: 991px) { .header-nav .nav > li .mega-menu, .header-nav .nav > li .sub-menu { display: none; position: static; visibility: visible; width: auto; background: transparent; box-shadow: none; margin: 0; border-top: 1px solid #eee; padding: 15px 0; -webkit-transition: none; -ms-transition: none; transition: none; } .header-nav .nav > li .mega-menu > li > a i, .header-nav .nav > li .sub-menu > li > a i { color: #fff !important; height: 30px; line-height: 30px; right: 0; text-align: center; width: 30px; z-index: 3; font-size: 14px !important; margin: 0 !important; background: #eee; } } .header-nav .nav > li .mega-menu .menu-item-has-children > a:before, .header-nav .nav > li .sub-menu .menu-item-has-children > a:before { content: "\f054"; font-weight: 900; font-family: "Font Awesome 5 Free"; float: right; font-size: 10px; margin-top: 2px; } @media only screen and (max-width: 991px) { .header-nav .nav > li .mega-menu .menu-item-has-children.open > a:before, .header-nav .nav > li .sub-menu .menu-item-has-children.open > a:before { content: "\f054"; } } @media only screen and (max-width: 991px) { .header-nav .nav > li .mega-menu, .header-nav .nav > li .sub-menu { display: none; position: static; visibility: visible; width: auto; background: transparent; box-shadow: none; margin: 0; border-top: 1px solid #eee; padding: 15px 0; -webkit-transition: none; -ms-transition: none; transition: none; opacity: 1; } .header-nav .nav > li .mega-menu > li > a i, .header-nav .nav > li .sub-menu > li > a i { display: none; } .header-nav .nav > li .mega-menu .has-child > a:before, .header-nav .nav > li .mega-menu .menu-item-has-children > a:before, .header-nav .nav > li .mega-menu > li > a i, .header-nav .nav > li .sub-menu .has-child > a:before, .header-nav .nav > li .sub-menu .menu-item-has-children > a:before, .header-nav .nav > li .sub-menu > li > a i { color: #fff !important; font-size: 14px; content: "\f054"; height: 30px; line-height: 30px; right: 0; text-align: center; width: 30px; font-family: "Font Awesome 5 Free"; z-index: 3; margin: 0 !important; background: var(--bs-primary); border-radius: var(--border-radius-base); font-weight: 900; float: right; } .header-nav .nav > li .mega-menu .has-child.open > a:before .menu-item-has-children.open > a:before, .header-nav .nav > li .sub-menu .has-child.open > a:before .menu-item-has-children.open > a:before { content: "\f078"; background: #333; } } .header-nav .nav > li .mega-menu li, .header-nav .nav > li .sub-menu li { position: relative; } .header-nav .nav > li .mega-menu li a, .header-nav .nav > li .sub-menu li a { color: #566593; display: block; font-size: 14px; padding: 5px 0; line-height: 20px; text-transform: capitalize; position: relative; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; font-weight: 400; } .header-nav .nav > li .mega-menu li:hover > a, .header-nav .nav > li .sub-menu li:hover > a { color: var(--bs-primary); } .header-nav .nav > li .mega-menu li .name a, .header-nav .nav > li .sub-menu li .name a { font-size: 15px; font-weight: 500; color: inherit; padding: 0; } .header-nav .nav > li .mega-menu li > .sub-menu, .header-nav .nav > li .sub-menu li > .sub-menu { left: 220px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } @media only screen and (max-width: 991px) { .header-nav .nav > li .mega-menu li > .sub-menu, .header-nav .nav > li .sub-menu li > .sub-menu { display: none; } } @media only screen and (max-width: 991px) { .header-nav .nav > li .mega-menu .mega-menu, .header-nav .nav > li .mega-menu .sub-menu, .header-nav .nav > li .sub-menu .mega-menu, .header-nav .nav > li .sub-menu .sub-menu { border-top: 0; padding-left: 20px; } .header-nav .nav > li .mega-menu .mega-menu li a:after, .header-nav .nav > li .mega-menu .sub-menu li a:after, .header-nav .nav > li .sub-menu .mega-menu li a:after, .header-nav .nav > li .sub-menu .sub-menu li a:after { width: 5px; content: none; height: 5px; background: #262F5A !important; top: 13px; } } .header-nav .nav > li .sub-menu li > a > i { color: inherit; display: block; float: right; font-size: 18px; opacity: 1; margin-top: 0px; } @media only screen and (max-width: 991px) { .header-nav .nav > li .sub-menu li > a > i { display: none; } } .header-nav .nav > li .mega-menu { right: 0px; width: 100%; z-index: 9; padding: 50px; } .header-nav .nav > li .mega-menu > li { display: block; padding: 15px 0 15px; position: relative; vertical-align: top; width: 25%; } @media only screen and (max-width: 991px) { .header-nav .nav > li .mega-menu > li { width: 100%; padding: 0; } } .header-nav .nav > li .mega-menu > li > a { color: var(--bs-heading-color); display: block; padding: 0 15px; font-size: 16px; font-weight: 500; padding-bottom: 15px; font-family: var(--font-family-title); } .header-nav .nav > li .mega-menu > li > a > i { font-size: 14px; margin-right: 5px; text-align: center; width: 15px; } @media only screen and (max-width: 991px) { .header-nav .nav > li .mega-menu > li > a { display: none; } } .header-nav .nav > li .mega-menu > li:last-child:after { display: none; } .header-nav .nav > li .mega-menu > li:hover > a { background-color: transparent; } .header-nav .nav > li .mega-menu > li li i { font-size: 14px; margin-right: 5px; text-align: center; width: 15px; } @media only screen and (max-width: 991px) { .header-nav .nav > li .mega-menu { display: none; padding: 20px 0; } } .header-nav .nav > li.active > a { color: var(--bs-primary); } .header-nav .nav > li:hover > a { color: var(--bs-primary); } .header-nav .nav > li:hover > .mega-menu, .header-nav .nav > li:hover > .sub-menu { opacity: 1; visibility: visible; margin-top: 0; z-index: 11; pointer-events: unset; } @media only screen and (max-width: 991px) { .header-nav .nav > li:hover > .mega-menu, .header-nav .nav > li:hover > .sub-menu { -webkit-transition: none; -ms-transition: none; transition: none; } } .header-nav .nav > li:hover > .mega-menu li:hover > .sub-menu, .header-nav .nav > li:hover > .sub-menu li:hover > .sub-menu { opacity: 1; visibility: visible; margin-top: 0; top: -1px; } .header-nav .nav > li.open .mega-menu, .header-nav .nav > li.open .sub-menu { display: block; opacity: 1; -webkit-transition: none; -ms-transition: none; transition: none; } .header-nav .nav > li.open .open .mega-menu, .header-nav .nav > li.open .open .sub-menu { display: block; opacity: 1; -webkit-transition: none; -ms-transition: none; transition: none; } @media only screen and (max-width: 1480px) { .header-nav .nav > li:nth-last-child(4) .sub-menu .sub-menu, .header-nav .nav > li:nth-last-child(3) .sub-menu .sub-menu, .header-nav .nav > li:nth-last-child(2) .sub-menu .sub-menu, .header-nav .nav > li:last-child .sub-menu .sub-menu { left: -220px; } } @media only screen and (max-width: 991px) { .header-nav .nav { float: none; padding: 0 20px; } } .header-nav.nav-dark .nav > li .mega-menu, .header-nav.nav-dark .nav > li .sub-menu { background-color: var(--bs-secondary); } .header-nav.nav-dark .nav > li .mega-menu .menu-title, .header-nav.nav-dark .nav > li .sub-menu .menu-title { color: #fff; } .header-nav.nav-dark .nav > li .mega-menu li a, .header-nav.nav-dark .nav > li .sub-menu li a { color: #BABABA; } .header-nav.nav-dark .nav > li .mega-menu li a:hover, .header-nav.nav-dark .nav > li .sub-menu li a:hover { color: #fff; } .header-nav.nav-dark .nav > li .mega-menu .name a, .header-nav.nav-dark .nav > li .sub-menu .name a { color: #fff; } .header-nav.nav-dark .line-left::after { background: #fff; opacity: 0.1; } .header-nav.nav-dark .month-deal { border-color: rgba(255, 255, 255, 0.1); --bs-heading-color: #fff; } .header-nav.nav-dark .month-deal .sale-countdown .date .time { background: rgba(255, 255, 255, 0.1); color: #fff; } .header-nav.nav-dark .month-deal .sale-countdown .date .work-time { color: rgba(255, 255, 255, 0.7); } .header-nav .sidebar-footer { display: none; } @media only screen and (max-width: 991px) { .header-nav .sidebar-footer { display: block; padding-top: 30px; padding-bottom: 20px; margin-top: auto; width: 100%; text-align: center; } } .header-nav .sidebar-footer .dz-login-register { text-align: center; padding-bottom: 10px; } .header-nav .dz-social-icon { text-align: center; display: none; } .header-nav .dz-social-icon li { display: inline-block; margin: 0 2px; } .header-nav .dz-social-icon a { width: 40px; height: 40px; padding: 0; border: 1px solid rgba(0, 0, 0, 0.1); line-height: 38px; text-align: center; border-radius: 4px; display: block; } @media only screen and (max-width: 991px) { .header-nav .dz-social-icon { display: block; padding: 20px; } } .mega-menu.demo-menu a:hover img { transform: translateY(-5px); } .header-transparent.header-text-white .is-fixed .header-nav .nav > li:hover > a { color: var(--bs-primary); } .is-fixed .main-bar { position: fixed; top: 0; left: 0; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1); background: #ffffff; transition: all 0.5s; } @media only screen and (max-width: 991px) { .mo-left { overflow-y: scroll; position: fixed; width: 280px; height: 100vh !important; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; top: 0; background-color: #fff; margin: 0; z-index: 99999; } .mo-left.show { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; margin: 0; transition-delay: 0.2s; } .mo-left .logo-header { display: block; float: none; height: auto !important; max-width: 100%; padding: 25px 20px; width: 100% !important; } .mo-left .logo-header img { max-width: unset; width: 150px; height: auto; vertical-align: middle; } .mo-left li.open a { position: relative; } .mo-left { left: -100%; } .mo-left.show { left: 0; } } .text-white .header-nav .nav > li > a { color: #fff; } .main-bar { -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; } .is-fixed .main-bar { -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -khtml-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -ms-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -o-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; } @-moz-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-ms-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-webkit-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } .browse-category-menu .category-menu-items .navbar-nav .cate-drop:hover > a:after { opacity: 1; right: -5px; } .browse-category-menu .category-menu-items .navbar-nav > li .mega-menu li a:hover, .browse-category-menu .category-menu-items .navbar-nav > li .sub-menu li a:hover { color: var(--bs-primary); } .browse-category-menu .category-menu-items .navbar-nav > li:hover > a { color: var(--bs-primary) !important; } .browse-category-menu .category-menu-items .navbar-nav > li:hover > a .menu-icon svg path { stroke: var(--bs-primary); } .main-bar.dark { background-color: var(--bs-secondary); } .main-bar.dark .browse-category-menu .category-btn { color: #fff; background-color: #3E4043; } @media only screen and (min-width: 991px) { .main-bar.dark .header-nav .nav > li > a { color: #fff; } .main-bar.dark .header-nav .nav > li > a:after { color: rgba(255, 255, 255, 0.5); } } @media only screen and (max-width: 991px) { .main-bar.dark { background-color: #ffffff; } } @-webkit-keyframes dzBadgeAnimated { 10% { background-color: var(--bs-primary); } 100% { background-color: #bc8b6b; } } .header-info-bar { position: relative; flex-wrap: nowrap; justify-content: flex-start; z-index: 99; } @media only screen and (max-width: 991px) { .header-info-bar { display: none; } } .toggle-nav-btn { width: 50px; min-width: 50px; height: 50px; border-radius: 15px; border: 0; background-color: #fff; align-items: center; flex-direction: column; } .toggle-nav-btn span { height: 2px; background-color: var(--bs-secondary); display: block; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .toggle-nav-btn span:nth-child(1) { width: 20px; } .toggle-nav-btn span:nth-child(2) { width: 16px; margin: 5px 0; } .toggle-nav-btn span:nth-child(3) { width: 20px; } .toggle-nav-btn:hover span:nth-child(1) { width: 16px; } .toggle-nav-btn:hover span:nth-child(2) { width: 20px; } .toggle-nav-btn:hover span:nth-child(3) { width: 16px; } @media only screen and (max-width: 767px) { .toggle-nav-btn { width: 40px; min-width: 40px; height: 40px; border-radius: 10px; } } .site-header.style-1 .header-info-bar { padding: 25px 0; } .site-header.style-2 .logo-header { margin-right: 30px; } .site-header.style-2 .container-fluid { --spacing: 80px; padding-left: var(--spacing); padding-right: var(--spacing); } @media only screen and (max-width: 1680px) { .site-header.style-2 .container-fluid { --spacing: 50px; } } @media only screen and (max-width: 1199px) { .site-header.style-2 .container-fluid { --spacing: 30px; } } @media only screen and (max-width: 767px) { .site-header.style-2 .container-fluid { --spacing: 15px; } } .site-header.style-2:not(.header-transparent) .main-bar { background-color: #fff; } .site-header.style-2 .extra-nav-left { border-right: 1px solid rgba(0, 0, 0, 0.1); height: 100%; width: 80px; min-width: 80px; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; } .site-header.style-2 .nav > li.sub-menu-down > a:after { content: "" !important; background-image: url("data:image/svg+xml,"); } .site-header.style-2 .extra-nav .extra-cell > * { gap: 45px; } @media only screen and (max-width: 1680px) { .site-header.style-2 .extra-nav .extra-cell > * { gap: 25px; } } @media only screen and (max-width: 1480px) { .site-header.style-2 .extra-nav .extra-cell > * .item-call { display: none; } } @media only screen and (max-width: 1199px) { .site-header.style-2 .extra-nav-left { display: none; } } .toggler1:hover span:nth-child(1) { width: 16px; } .toggler1:hover span:nth-child(2) { width: 20px; } .toggler1:hover span:nth-child(3) { width: 16px; } .dz-offcanvas .offcanvas-body { padding: 30px; } .dz-offcanvas .sidebar-header { width: 160px; } .dz-offcanvas .widget-title { margin-bottom: 15px; } .dz-offcanvas .widget { margin-bottom: 35px; } @media only screen and (min-width: 991px) { .header-nav.w3menu { flex-basis: auto; flex-grow: 1; display: flex; } } .header-nav.w3menu .nav { padding: 0; font-size: 0; flex-direction: row; } .header-nav.w3menu .nav > li { margin: 0px; font-weight: 400; position: relative; } .header-nav.w3menu .nav > li.has-mega-menu { position: inherit; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li { border-bottom: 1px solid #eee; width: 100%; } } .header-nav.w3menu .nav > li.menu-item-has-children .sub-menu-down > a, .header-nav.w3menu .nav > li.sub-menu-down .sub-menu-down > a { position: relative; } .header-nav.w3menu .nav > li.menu-item-has-children .sub-menu-down > a:after, .header-nav.w3menu .nav > li.sub-menu-down .sub-menu-down > a:after { content: "\f054"; display: inline-block; font-weight: 900; font-family: "Font Awesome 5 Free"; font-size: 10px; float: right; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li.menu-item-has-children .sub-menu-down > a:after, .header-nav.w3menu .nav > li.sub-menu-down .sub-menu-down > a:after { background-color: var(--bs-secondary); opacity: 0.8; color: #fff; height: 30px; line-height: 30px; right: 0; text-align: center; width: 30px; z-index: 3; float: right; font-size: 11px; margin-top: -5px; border-radius: 4px; } } .header-nav.w3menu .nav > li.menu-item-has-children .sub-menu-down.open > a:after, .header-nav.w3menu .nav > li.sub-menu-down .sub-menu-down.open > a:after { content: "\f078"; } .header-nav.w3menu .nav > li.menu-item-has-children > a:after, .header-nav.w3menu .nav > li.sub-menu-down > a:after { content: "+"; margin-left: 5px; margin-top: -5px; display: inline-block; width: 12px; height: 12px; color: var(--bs-primary); } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li.menu-item-has-children > a:after, .header-nav.w3menu .nav > li.sub-menu-down > a:after { display: none; } } .header-nav.w3menu .nav > li.menu-item-has-children > a i, .header-nav.w3menu .nav > li.sub-menu-down > a i { display: none; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li.menu-item-has-children > a i, .header-nav.w3menu .nav > li.sub-menu-down > a i { display: block; font-size: 9px; margin-left: 5px; margin-top: 0; vertical-align: middle; font-weight: 900; font-family: "Font Awesome 5 Free"; } } @media only screen and (max-width: 991px) and (max-width: 991px) { .header-nav.w3menu .nav > li.menu-item-has-children > a i, .header-nav.w3menu .nav > li.sub-menu-down > a i { background-color: var(--bs-secondary); color: #fff; height: 30px; line-height: 30px; right: 0; text-align: center; width: 30px; z-index: 3; float: right; font-size: 11px; margin: 0; border-radius: 4px; } .header-nav.w3menu .nav > li.menu-item-has-children > a i:before, .header-nav.w3menu .nav > li.sub-menu-down > a i:before { content: "\f054"; } } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li.menu-item-has-children.open > a i:before, .header-nav.w3menu .nav > li.sub-menu-down.open > a i:before { content: "\f078"; } } .header-nav.w3menu .nav > li > a { color: var(--white); font-size: 18px; padding: 28px 15px; font-family: var(--font-family-title); cursor: pointer; font-weight: 500; display: inline-block; position: relative; line-height: 24px; } @media only screen and (max-width: 1380px) { .header-nav.w3menu .nav > li > a { font-size: 16px; } } @media only screen and (max-width: 1199px) { .header-nav.w3menu .nav > li > a { font-size: 15px; padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li > a { padding: 8px 0; display: block; line-height: 30px; font-size: 16px; } } .header-nav.w3menu .nav > li > a span { display: inline-block; } .header-nav.w3menu .nav > li .mega-menu, .header-nav.w3menu .nav > li .sub-menu { background-color: #fff; display: block; left: 0; list-style: none; opacity: 0; padding: 20px 0; position: absolute; visibility: hidden; z-index: 10; margin-top: 20px; text-align: left; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); pointer-events: none; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .mega-menu > li > a i, .header-nav.w3menu .nav > li .sub-menu > li > a i { color: #fff !important; height: 30px; line-height: 30px; right: 0; text-align: center; width: 30px; z-index: 3; font-size: 14px !important; margin: 0 !important; background: #eee; } } .header-nav.w3menu .nav > li .mega-menu .menu-item-has-children > a:before, .header-nav.w3menu .nav > li .sub-menu .menu-item-has-children > a:before { content: "\f054"; font-weight: 900; font-family: "Font Awesome 5 Free"; float: right; font-size: 10px; margin-top: 2px; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .mega-menu .menu-item-has-children.open > a:before, .header-nav.w3menu .nav > li .sub-menu .menu-item-has-children.open > a:before { content: "\f054"; } } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .mega-menu, .header-nav.w3menu .nav > li .sub-menu { display: none; position: static; visibility: visible; width: auto; background: transparent; box-shadow: none; margin: 0; border-top: 1px solid #eee; padding: 15px 0; -webkit-transition: none; -ms-transition: none; transition: none; opacity: 1; } .header-nav.w3menu .nav > li .mega-menu > li > a i, .header-nav.w3menu .nav > li .sub-menu > li > a i { display: none; } .header-nav.w3menu .nav > li .mega-menu .has-child > a:before, .header-nav.w3menu .nav > li .mega-menu .menu-item-has-children > a:before, .header-nav.w3menu .nav > li .mega-menu > li > a i, .header-nav.w3menu .nav > li .sub-menu .has-child > a:before, .header-nav.w3menu .nav > li .sub-menu .menu-item-has-children > a:before, .header-nav.w3menu .nav > li .sub-menu > li > a i { color: #fff !important; font-size: 14px; content: "\f054"; height: 30px; line-height: 30px; right: 0; text-align: center; width: 30px; font-family: "Font Awesome 5 Free"; z-index: 3; margin: 0 !important; background: var(--bs-primary); border-radius: var(--border-radius-base); font-weight: 900; float: right; } .header-nav.w3menu .nav > li .mega-menu .has-child.open > a:before .menu-item-has-children.open > a:before, .header-nav.w3menu .nav > li .sub-menu .has-child.open > a:before .menu-item-has-children.open > a:before { content: "\f078"; background: #333; } } .header-nav.w3menu .nav > li .mega-menu li, .header-nav.w3menu .nav > li .sub-menu li { position: relative; } .header-nav.w3menu .nav > li .mega-menu li a, .header-nav.w3menu .nav > li .sub-menu li a { color: #566593; display: block; font-size: 14px; padding: 5px 0; line-height: 20px; text-transform: capitalize; position: relative; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; font-weight: 400; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .mega-menu li a, .header-nav.w3menu .nav > li .sub-menu li a { padding: 10px 0; border-bottom: 1px solid #eee; } } .header-nav.w3menu .nav > li .mega-menu li a.menu-title, .header-nav.w3menu .nav > li .sub-menu li a.menu-title { color: var(--bs-heading-color); display: block; padding: 0; padding-bottom: 0px; font-size: 16px; font-weight: 600; padding-bottom: 10px; font-family: var(--font-family-title); } .header-nav.w3menu .nav > li .mega-menu li:hover > a, .header-nav.w3menu .nav > li .sub-menu li:hover > a { color: var(--bs-primary); } .header-nav.w3menu .nav > li .mega-menu li .name a, .header-nav.w3menu .nav > li .sub-menu li .name a { font-size: 15px; font-weight: 500; color: inherit; padding: 0; } .header-nav.w3menu .nav > li .mega-menu li > .sub-menu, .header-nav.w3menu .nav > li .sub-menu li > .sub-menu { left: 220px; } @media only screen and (min-width: 991px) { .header-nav.w3menu .nav > li .mega-menu li > .sub-menu, .header-nav.w3menu .nav > li .sub-menu li > .sub-menu { -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .mega-menu li > .sub-menu, .header-nav.w3menu .nav > li .sub-menu li > .sub-menu { display: none; } } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .mega-menu .mega-menu, .header-nav.w3menu .nav > li .mega-menu .sub-menu, .header-nav.w3menu .nav > li .sub-menu .mega-menu, .header-nav.w3menu .nav > li .sub-menu .sub-menu { border-top: 0; padding-left: 20px; } } .header-nav.w3menu .nav > li .sub-menu { width: 220px; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .sub-menu { width: 100%; padding: 0; margin-bottom: -1px; } } .header-nav.w3menu .nav > li .sub-menu li > a { padding: 5px 30px; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .sub-menu li > a { padding: 10px 0; border-bottom: 1px solid #eee; } } .header-nav.w3menu .nav > li .sub-menu li > a > i { color: inherit; display: block; float: right; font-size: 18px; opacity: 1; margin-top: 0px; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .sub-menu li > a > i { display: none; } } @media only screen and (min-width: 991px) { .header-nav.w3menu .nav > li .sub-menu.sub-menu-md { width: 320px; } .header-nav.w3menu .nav > li .sub-menu.sub-menu-lg { width: 420px; } } .header-nav.w3menu .nav > li .mega-menu { right: 0px; z-index: 9; padding: 50px; } .header-nav.w3menu .nav > li .mega-menu > li { display: block; padding: 15px 0 15px; position: relative; vertical-align: top; width: 25%; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .mega-menu > li { width: 100%; padding: 0; } } .header-nav.w3menu .nav > li .mega-menu > li > a { color: var(--bs-heading-color); display: block; padding: 0 15px; font-size: 16px; font-weight: 500; padding-bottom: 15px; font-family: var(--font-family-title); } .header-nav.w3menu .nav > li .mega-menu > li > a > i { font-size: 14px; margin-right: 5px; text-align: center; width: 15px; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .mega-menu > li > a { display: none; } } .header-nav.w3menu .nav > li .mega-menu > li:last-child:after { display: none; } .header-nav.w3menu .nav > li .mega-menu > li:hover > a { background-color: transparent; } .header-nav.w3menu .nav > li .mega-menu > li li i { font-size: 14px; margin-right: 5px; text-align: center; width: 15px; } @media only screen and (max-width: 1199px) { .header-nav.w3menu .nav > li .mega-menu { padding: 30px; } } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li .mega-menu { display: none; padding: 0; margin-bottom: -1px; } .header-nav.w3menu .nav > li .mega-menu img { display: none; } } .header-nav.w3menu .nav > li.active > a { color: var(--bs-primary); } .header-nav.w3menu .nav > li:hover > a { color: var(--bs-primary); } .header-nav.w3menu .nav > li:hover > .mega-menu, .header-nav.w3menu .nav > li:hover > .sub-menu { opacity: 1; visibility: visible; margin-top: 0; z-index: 11; pointer-events: unset; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li:hover > .mega-menu, .header-nav.w3menu .nav > li:hover > .sub-menu { -webkit-transition: none; -ms-transition: none; transition: none; } } .header-nav.w3menu .nav > li:hover > .mega-menu li.active > .sub-menu, .header-nav.w3menu .nav > li:hover > .mega-menu li:hover > .sub-menu, .header-nav.w3menu .nav > li:hover > .sub-menu li.active > .sub-menu, .header-nav.w3menu .nav > li:hover > .sub-menu li:hover > .sub-menu { opacity: 1; visibility: visible; margin-top: 0; top: -1px; pointer-events: unset; } .header-nav.w3menu .nav > li.open .mega-menu, .header-nav.w3menu .nav > li.open .sub-menu { display: block; opacity: 1; -webkit-transition: none; -ms-transition: none; transition: none; } .header-nav.w3menu .nav > li.open .open > .mega-menu, .header-nav.w3menu .nav > li.open .open > .sub-menu { display: block; opacity: 1; -webkit-transition: none; -ms-transition: none; transition: none; } @media only screen and (max-width: 1480px) { .header-nav.w3menu .nav > li:nth-last-child(4) .sub-menu .sub-menu, .header-nav.w3menu .nav > li:nth-last-child(3) .sub-menu .sub-menu, .header-nav.w3menu .nav > li:nth-last-child(2) .sub-menu .sub-menu, .header-nav.w3menu .nav > li:last-child .sub-menu .sub-menu { left: -220px; } } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav { float: none; padding: 0 20px; } } .w3menu.w3menu-start { justify-content: start; } .w3menu.w3menu-center { justify-content: center; } .w3menu.w3menu-end { justify-content: flex-end; } .w3menu .mega-menu { max-width: 1200px; width: 1200px; left: 80px !important; height: auto; overflow-y: auto; max-height: calc(100vh - 80px); } @media only screen and (max-width: 1300px) { .w3menu .mega-menu { left: 0 !important; max-width: 100%; } } @media only screen and (max-width: 991px) { .w3menu .mega-menu { max-height: unset; overflow-y: unset; } } .w3menu .mega-menu ul { margin-bottom: 15px; } @media only screen and (max-width: 991px) { .w3menu .mega-menu ul { margin-bottom: 0; } } .w3menu .mega-menu > ul { margin: 0 -15px; } @media only screen and (min-width: 991px) { .w3menu .mega-menu > ul { display: flex; } } @media only screen and (max-width: 991px) { .w3menu .mega-menu > ul { flex-wrap: wrap; } } .w3menu .mega-menu > ul > li { padding: 0 15px; flex: 1 0 0%; } .w3menu .mega-menu .line-left { position: relative; } .w3menu .mega-menu .line-left:after { content: ""; position: absolute; height: calc(100% + 70px); left: 0; top: -50px; background: #eee; width: 1px; } @media only screen and (max-width: 991px) { .w3menu .mega-menu .line-left:after { content: none; } } .w3menu .mega-menu.shop-menu { max-width: 1140px; } @media only screen and (max-width: 1199px) { .w3menu .mega-menu.shop-menu { max-width: 100%; } } @media only screen and (min-width: 991px) { .w3menu .mega-menu .portfolio-nav-link { display: flex; flex-wrap: wrap; } .w3menu .mega-menu .portfolio-nav-link > li { width: 20%; padding: 0 15px; } .w3menu .mega-menu .portfolio-nav-link a { padding: 0; padding: 0 !important; text-align: center; margin-bottom: 20px; } .w3menu .mega-menu .portfolio-nav-link a img { width: 150px; margin-left: auto; margin-right: auto; margin-bottom: 10px; max-width: 100%; display: block; } } .w3menu .menu-close { position: absolute; right: 20px; top: 25px; background-color: #000; width: 25px; height: 25px; text-align: center; align-items: center; justify-content: center; color: #fff; display: none; } @media only screen and (max-width: 991px) { .w3menu .menu-close { display: flex; z-index: 999; } } .menu-close { position: fixed; top: 0; background-color: #000; width: 0; height: 100%; opacity: 0.5; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; z-index: 999; } .menu-close.fade-overlay { left: 0; width: 100%; opacity: 0; visibility: hidden; } .w3menu-toggler.open ~ .menu-close.fade-left, .w3menu-toggler.open ~ .menu-close.fade-right { width: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } .w3menu-toggler.open ~ .menu-close.fade-overlay { opacity: 0.5; visibility: visible; } .w3menu-end.header-nav .nav > li > .mega-menu { right: 80px; left: auto !important; } @media only screen and (max-width: 1199px) { .w3menu-end.header-nav .nav > li > .mega-menu { right: 0; } } .header-nav.w3menu .nav > li.menu-left { position: relative; } .header-nav.w3menu .nav > li.menu-left > .sub-menu { left: 0 !important; } .header-nav.w3menu .nav > li.menu-right { position: relative; } .header-nav.w3menu .nav > li.menu-right > .sub-menu { right: 0; left: auto !important; } .header-nav.w3menu .nav > li.menu-right > .sub-menu .sub-menu { left: -220px; } .header-nav.w3menu .nav > li.menu-center { position: relative; } .header-nav.w3menu .nav > li.menu-center > .sub-menu { left: 50% !important; transform: translateX(-50%); } @media only screen and (min-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu.full-width .mega-menu { width: calc(100% - 160px); max-width: calc(100% - 160px); } } @media only screen and (min-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu.wide-width .mega-menu { width: 100%; max-width: 100%; left: 0 !important; padding-left: 80px; padding-right: 80px; left: 50% !important; transform: translate(-50%); width: 100vw; max-width: 100vw; } } @media only screen and (min-width: 1300px) { .container .header-nav.w3menu .nav > li.has-mega-menu.wide-width .mega-menu { padding-left: calc((100vw - 1320px) / 2 + 15px); padding-right: calc((100vw - 1320px) / 2 + 15px); } } @media only screen and (max-width: 1280px) { .header-nav.w3menu .nav > li.has-mega-menu.wide-width .mega-menu { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu.wide-width .mega-menu { padding-left: 0; padding-right: 0; } } .header-nav.w3menu .nav > li.has-mega-menu.auto-width .mega-menu { width: fit-content; max-width: fit-content; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu.auto-width .mega-menu { width: 100%; max-width: 100%; } } .header-nav.w3menu .nav > li.has-mega-menu.auto-width .mega-menu > ul > li { width: 250px; } @media only screen and (max-width: 1199px) { .header-nav.w3menu .nav > li.has-mega-menu.auto-width .mega-menu > ul > li { width: 232px; } } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu.auto-width .mega-menu > ul > li { width: 100%; } } .header-nav.w3menu .nav > li.has-mega-menu.menu-left { position: relative; } .header-nav.w3menu .nav > li.has-mega-menu.menu-left .mega-menu { left: 0 !important; } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu .post-menu { width: 100%; flex: 0 0 100%; } } .header-nav.w3menu .nav > li.has-mega-menu.menu-right { position: relative; } .header-nav.w3menu .nav > li.has-mega-menu.menu-right .mega-menu { right: 0; left: auto !important; } .header-nav.w3menu .nav > li.has-mega-menu.menu-center { position: relative; } @media only screen and (min-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu.menu-center .mega-menu { left: 50% !important; transform: translateX(-50%); } } .header-nav.w3menu .nav > li.has-mega-menu .menu-title { color: var(--bs-heading-color); display: block; padding: 0; padding-bottom: 0px; font-size: 16px; font-weight: 600; padding-bottom: 10px; font-family: var(--font-family-title); } @media only screen and (max-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-title { font-size: 14px; color: #566593; padding: 0 !important; font-weight: 400; text-align: left !important; display: none; } } .header-nav.w3menu .nav > li.has-mega-menu .demo-menu a img { width: 100%; transition: all 0.4s; } .header-nav.w3menu .nav > li.has-mega-menu .demo-menu a span { display: block; text-align: center; padding-top: 15px; padding-bottom: 15px; } .header-nav.w3menu .nav > li.has-mega-menu .demo-menu a:hover img { transform: translateY(-5px); } @media only screen and (min-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left > ul { flex-wrap: wrap; margin: 0 -15px; } .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left .side-left { width: 80%; flex: 0 0 80%; padding-left: 0; padding-right: 20px; } } @media only screen and (min-width: 991px) and (max-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left .side-left { width: 100%; flex: 0 0 100%; padding: 0 5px; } } @media only screen and (min-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left .side-left > ul { display: flex; flex-wrap: wrap; margin-bottom: 0; } .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left .side-left > ul > li { width: 20%; text-align: center; padding: 0 10px; } .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left .side-left > ul > li img { margin-bottom: 5px; } .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left .side-left > ul > li span { margin-bottom: 5px; display: block; } } @media only screen and (min-width: 991px) and (max-width: 767px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left .side-left > ul > li { width: 25%; flex: 0 0 25%; } } @media only screen and (min-width: 991px) and (max-width: 575px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left .side-left > ul > li { width: 50%; flex: 0 0 50%; } } @media only screen and (min-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left .side-left > ul .month-deal { width: 100%; } .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left .side-right { width: 20%; flex: 0 0 20%; padding-left: 30px; } } @media only screen and (min-width: 991px) and (max-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-left .side-right { padding-left: 15px; width: 100%; flex: 0 0 100%; } } @media only screen and (min-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-right > ul { flex-wrap: wrap; } .header-nav.w3menu .nav > li.has-mega-menu .menu-media-right .side-left { width: 66%; flex: 0 0 66%; } } @media only screen and (min-width: 991px) and (max-width: 767px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-right .side-left { width: 100%; flex: 0 0 100%; } } @media only screen and (min-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-right .side-left > ul { display: flex; flex-wrap: wrap; } .header-nav.w3menu .nav > li.has-mega-menu .menu-media-right .side-left > ul > li { width: 33.33%; } } @media only screen and (min-width: 991px) and (max-width: 575px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-right .side-left > ul > li { width: 50%; flex: 0 0 50%; } } @media only screen and (min-width: 991px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-right .side-left > ul .month-deal { width: 100%; flex: 0 0 100%; } .header-nav.w3menu .nav > li.has-mega-menu .menu-media-right .side-right { width: 34%; flex: 0 0 34%; } } @media only screen and (min-width: 991px) and (max-width: 767px) { .header-nav.w3menu .nav > li.has-mega-menu .menu-media-right .side-right { display: none; } } @media only screen and (min-width: 991px) { .text-white .header-nav.w3menu .nav > li:not(:hover):not(.active) > a { color: #fff; } } @keyframes animatedgradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes toTopFromBottom { 49% { transform: translateX(100%); } 50% { opacity: 0; transform: translateX(-100%); } 51% { opacity: 1; } } .dz-bnr-inr { --dz-banner-height: 300px; min-height: var(--dz-banner-height); background-size: cover; background-position: center; background-color: var(--bs-light); position: relative; z-index: 1; width: 100%; } .dz-bnr-inr .dz-btn { position: absolute; bottom: 0px; right: 30px; background-color: #fff; padding: 12px 12px 0px 12px; border-radius: 50px 50px 0px 0px; z-index: 1; color: var(--bs-secondary); } .dz-bnr-inr .dz-btn a { font-size: 24px; border-radius: 60px; } .dz-bnr-inr .dz-btn .left-icon { width: 55px; height: 55px; border-radius: 50%; color: var(--bs-secondary); } .dz-bnr-inr .dz-btn::before, .dz-bnr-inr .dz-btn::after { content: ""; width: 40px; background-image: url("data:image/svg+xml,"); height: 40px; position: absolute; background-repeat: no-repeat; background-position: center; background-size: 100%; transform: rotate(270deg); left: -40px; bottom: 0px; } .dz-bnr-inr .dz-btn::after { background-image: url("data:image/svg+xml,"); left: auto; right: -40px; bottom: 0px; transform: rotate(0deg); } @media only screen and (max-width: 1480px) { .dz-bnr-inr .dz-btn { right: 10px; padding: 10px 10px 0px 10px; border-radius: 40px 40px 0px 0px; } .dz-bnr-inr .dz-btn a { font-size: 18px; } .dz-bnr-inr .dz-btn .left-icon { width: 45px; min-width: 45px; height: 45px; } .dz-bnr-inr .dz-btn::before, .dz-bnr-inr .dz-btn::after { width: 30px; height: 30px; left: -30px; } .dz-bnr-inr .dz-btn::after { left: auto; right: -30px; } } @media only screen and (max-width: 1199px) { .dz-bnr-inr .dz-btn { padding: 8px 8px 0px 8px; } .dz-bnr-inr .dz-btn a { font-size: 15px; } .dz-bnr-inr .dz-btn .left-icon { width: 38px; min-width: 38px; height: 38px; margin: -10px 10px -10px -18px; } } @media only screen and (max-width: 991px) { .dz-bnr-inr .dz-btn { display: none; } } .dz-bnr-inr.dz-banner-dark { background-color: var(--bs-secondary); --bs-heading-color: #fff; } @media only screen and (max-width: 575px) { .dz-bnr-inr { --dz-banner-height: 230px; } } .dz-bnr-inr .container { display: table; height: 100%; } .dz-bnr-inr .dz-bnr-inr-entry { height: var(--dz-banner-height); vertical-align: middle; display: table-cell; padding: 90px 0 90px 0; text-align: center; } @media only screen and (max-width: 767px) { .dz-bnr-inr .dz-bnr-inr-entry { text-align: center; } .dz-bnr-inr .dz-bnr-inr-entry .breadcrumb-row { display: inline-block; } } @media only screen and (max-width: 575px) { .dz-bnr-inr .dz-bnr-inr-entry { padding: 40px 0 40px 0; text-align: center; display: table-cell; } } .dz-bnr-inr h1, .dz-bnr-inr .h1 { font-size: 5rem; font-weight: 700; margin-bottom: 10px; line-height: 1.3; color: var(--bs-heading-color); text-transform: capitalize; } @media only screen and (max-width: 1480px) { .dz-bnr-inr h1, .dz-bnr-inr .h1 { font-size: 4rem; } } @media only screen and (max-width: 1199px) { .dz-bnr-inr h1, .dz-bnr-inr .h1 { font-size: 3rem; } } @media only screen and (max-width: 767px) { .dz-bnr-inr h1, .dz-bnr-inr .h1 { font-size: 32px; } } .dz-bnr-inr p { color: #fff; font-size: 18px; max-width: 560px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px) { .dz-bnr-inr p { font-size: 15px; } } .dz-bnr-inr .text-vertical { font-weight: bold; font-size: 16px; writing-mode: tb; transform: rotate(-180deg) translateY(50%); position: absolute; left: 45px; top: 50%; color: var(--bs-heading-color); height: 100%; text-align: center; } @media only screen and (max-width: 991px) { .dz-bnr-inr .text-vertical { display: none; } } .dz-bnr-inr.dz-bnr-inr-md { --dz-banner-height:450px; } @media only screen and (max-width: 1480px) { .dz-bnr-inr.dz-bnr-inr-md { --dz-banner-height: 380px; } } @media only screen and (max-width: 991px) { .dz-bnr-inr.dz-bnr-inr-md { --dz-banner-height: 320px; } } @media only screen and (max-width: 767px) { .dz-bnr-inr.dz-bnr-inr-md { --dz-banner-height: 250px; } } .dz-bnr-inr .breadcrumb-row ul { margin-bottom: 0; } .breadcrumb-row ul { padding: 0; display: inline-block; } .breadcrumb-row ul li { padding: 0; margin-right: 3px; display: inline-block; font-size: 16px; font-weight: 500; text-transform: capitalize; color: var(--bs-heading-color); margin-right: 0; } .breadcrumb-row ul li.active { color: var(--bs-primary); } .breadcrumb-row ul li a { color: var(--bs-primary); } .breadcrumb-row ul .breadcrumb-item + .breadcrumb-item::before { content: "\f101"; float: left; color: var(--bs-heading-color); font-weight: 700; font-family: "Font Awesome 5 Free"; font-size: 14px; padding-right: 12px; top: 2px; position: relative; } @media only screen and (max-width: 767px) { .breadcrumb-row ul .breadcrumb-item + .breadcrumb-item::before { font-size: 13px; } } @media only screen and (max-width: 767px) { .breadcrumb-row ul li { font-size: 14px; } } .dz-bnr-inr.style-1 { overflow: hidden; padding-bottom: 30px; } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-1 { padding-bottom: 0; } } .dz-bnr-inr.style-1.dz-bnr-inr-md { --dz-banner-height: 500px; } @media only screen and (max-width: 1480px) { .dz-bnr-inr.style-1.dz-bnr-inr-md { --dz-banner-height: 450px; } } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-1.dz-bnr-inr-md { --dz-banner-height: 400px; } } @media only screen and (max-width: 767px) { .dz-bnr-inr.style-1.dz-bnr-inr-md { --dz-banner-height: 350px; } } @media only screen and (max-width: 575px) { .dz-bnr-inr.style-1.dz-bnr-inr-md { --dz-banner-height: 300px; } } .dz-bnr-inr.style-1 h1, .dz-bnr-inr.style-1 .h1 { font-weight: 600; color: #fff; margin-bottom: 15px; word-break: break-word; } .dz-bnr-inr.style-1:after { content: ""; width: 100%; height: calc(100% - 80px); position: absolute; bottom: 0; right: 0; z-index: 0; background-image: url(../images/banner/bg.webp); background-repeat: no-repeat; background-position: right -13px top; } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-1:after { display: none; } } .dz-bnr-inr.style-1 .breadcrumb { border-radius: 50px; background-color: #fff; padding: 10px 30px; box-shadow: 0 0 30px rgba(var(--bs-secondary-rgb), 0.05); } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-1 .breadcrumb { padding: 5px 20px 7px; } } .dz-bnr-inr.style-1 .breadcrumb li { font-weight: 400; } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-1 .breadcrumb li { font-size: 14px; } } .dz-bnr-inr.style-1 .item2 { position: absolute; z-index: 0; top: 35%; right: 32%; } @media only screen and (max-width: 767px) { .dz-bnr-inr.style-1 .item2 { display: none; } } .dz-bnr-inr.style-1 .item2 { top: auto; bottom: 0%; right: 38%; } .dz-bnr-inr.style-2 { overflow: hidden; display: flex; margin-bottom: -50px; } @media only screen and (max-width: 1480px) { .dz-bnr-inr.style-2 { margin-bottom: 0; } } .dz-bnr-inr.style-2 p { color: var(--bs-body-color); margin-left: 0; margin-right: 0; } @media only screen and (max-width: 767px) { .dz-bnr-inr.style-2 { margin-bottom: 0; } } .dz-bnr-inr.style-2 .container { height: auto; } .dz-bnr-inr.style-2.dz-bnr-inr-md { --dz-banner-height: 660px; } @media only screen and (max-width: 1480px) { .dz-bnr-inr.style-2.dz-bnr-inr-md { --dz-banner-height: 550px; } } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-2.dz-bnr-inr-md { --dz-banner-height: 400px; } .dz-bnr-inr.style-2.dz-bnr-inr-md h1, .dz-bnr-inr.style-2.dz-bnr-inr-md .h1 { font-size: 30px; } } @media only screen and (max-width: 767px) { .dz-bnr-inr.style-2.dz-bnr-inr-md { --dz-banner-height: 350px; } } @media only screen and (max-width: 575px) { .dz-bnr-inr.style-2.dz-bnr-inr-md { --dz-banner-height: 300px; } } .dz-bnr-inr.style-2 h1, .dz-bnr-inr.style-2 .h1 { line-height: 1.2; } .dz-bnr-inr.style-2 .breadcrumb { border-radius: 50px; background-color: #fff; padding: 10px 30px; box-shadow: 0 0 30px rgba(var(--bs-secondary-rgb), 0.05); } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-2 .breadcrumb { padding: 5px 20px 7px; } } .dz-bnr-inr.style-2 .breadcrumb li { font-weight: 400; } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-2 .breadcrumb li { font-size: 14px; } } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-2 .breadcrumb-row { text-align: center; } } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-2 .breadcrumb-row ul .breadcrumb-item + .breadcrumb-item::before { font-size: 12px; top: 2px; } } .dz-bnr-inr.style-2::after { content: ""; height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: -1; } .dz-bnr-inr.style-2 .item2 { position: absolute; z-index: 9; } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-2 .item2 { display: none; } } .dz-bnr-inr.style-2 .item2 { top: 35%; left: 100px; width: 115px; } @media only screen and (max-width: 1680px) { .dz-bnr-inr.style-2 .item2 { top: 30%; left: 35px; width: 60px; } } .dz-bnr-inr.style-2 .form-wrapper { min-width: 530px; width: 530px; z-index: 3; box-shadow: 0 0 50px rgba(var(--bs-secondary-rgb), 0.1); border-radius: var(--radius-xl); margin-top: 200px; } @media only screen and (max-width: 1380px) { .dz-bnr-inr.style-2 .form-wrapper { min-width: 480px; width: 480px; margin-top: 150px; } } @media only screen and (max-width: 991px) { .dz-bnr-inr.style-2 .form-wrapper { min-width: 100%; width: 100%; margin-top: 0; } } @keyframes animationSignal1 { 0% { opacity: 0.8; transform: scale(0.9); } 100% { transform: scale(1.5); opacity: 0; } } @keyframes animationSignal2 { 0% { opacity: 0.8; transform: scale(0.9); } 100% { transform: scale(1.9); opacity: 0; } } footer { background-image: url(); } @media only screen and (max-width: 767px) { footer .row { --bs-gutter-x: 10px; } } footer .widget_about p { margin-bottom: 20px; line-height: 1.7; font-size: 15px; } footer .footer-logo { margin-bottom: 24px; } footer .footer-logo img { max-width: 180px; } footer .footer-title { margin: 0; font-weight: 600; margin-bottom: 20px; position: relative; line-height: 1.2; font-size: 20px; } footer .footer-top { padding: 70px 0px 30px; } footer .footer-top .widget { margin-bottom: 30px; } @media only screen and (max-width: 767px) { footer .footer-top { padding: 50px 0 0; } } footer .footer-bottom span, footer .footer-bottom p { margin-bottom: 0; } footer .fb-inner { padding: 15px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); font-size: 16px; } footer .fb-inner .copyright-text a { color: inherit; color: var(--bs-primary); } @media only screen and (max-width: 575px) { footer .fb-inner { padding: 20px 0; font-size: 14px; } } @media only screen and (max-width: 1024px) { footer .footer-bottom p { font-size: 13px; } } @media only screen and (max-width: 991px) { footer .footer-top { padding: 50px 0px 20px; } footer .footer-bottom .text-start { text-align: center !important; } footer .footer-bottom p { font-size: 15px; } } @media only screen and (max-width: 575px) { footer .footer-top { padding: 45px 0px 0px; } } footer .widget_services ul li a { display: block; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .footer-category .toggle-items ul li a:hover { color: var(--bs-primary); } .site-footer.style-1 { position: relative; z-index: 1; overflow: hidden; background-color: var(--bs-light); } .site-footer.style-1 .footer-title { font-weight: 500; } .site-footer.style-1 .footer-top { padding: 80px 0px 45px; } @media only screen and (max-width: 991px) { .site-footer.style-1 .footer-top { padding: 50px 0px 20px; } } @media only screen and (max-width: 767px) { .site-footer.style-1 .footer-top { padding: 50px 0 0; } } .site-footer.style-1 .footer-middle .fm-inner { padding: 40px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .site-footer.style-1 .footer-middle .title { font-size: 24px; margin-bottom: 5px; font-weight: 500; } .site-footer.style-1 .footer-middle p { font-size: 15px; margin-bottom: 0; } .site-footer.style-1 .fh-inner { padding: 80px 0 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 991px) { .site-footer.style-1 .fh-inner { padding: 50px 0 25px; } } @media only screen and (max-width: 575px) { .site-footer.style-1 .footer-middle .fm-inner { padding: 30px 0; } .site-footer.style-1 .footer-middle .title { font-size: 20px; } .site-footer.style-1 .footer-middle p { font-size: 14px; } } .site-footer.style-2 { background-size: cover; background-repeat: no-repeat; background-position: center; } .site-footer.style-2 .footer-title { font-weight: 500; } .site-footer.style-2 .widget_services { padding-left: 30px; } @media only screen and (max-width: 1380px) { .site-footer.style-2 .widget_services { padding-left: 0; } } .site-footer.style-2 .footer-middle .fm-inner { border-radius: 30px; padding: 25px 40px; background-color: #fff; } @media only screen and (max-width: 767px) { .site-footer.style-2 .footer-middle .fm-inner { padding: 25px 25px; } } .site-footer.style-2 .footer-middle .title { margin-bottom: 3px; } .site-footer.style-2 .footer-middle .text { font-size: 15px; margin-bottom: 0; } .site-footer.style-2.overlay-secondary-dark::before { background-color: #07121E; } .site-footer.style-2 .fb-inner { border: 0; padding: 20px 0; } .site-footer.style-2 .footer-head .fh-inner { padding-top: 40px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .site-footer.style-2.footer-dark .dzSubscribe.style-1 .input-group .form-control:-webkit-autofill:hover { -webkit-text-fill-color: #fff; } #bg { background-attachment: fixed; background-size: cover; } .main-bar-wraper.sticky-no .main-bar { position: unset; } .boxed .swiper-btn-center-lr:hover .btn-prev { left: 0px; } .boxed .swiper-btn-center-lr:hover .btn-next { right: 0px; } /* Frame */ .frame { padding: 30px; } .frame .page-wraper { margin: 0 auto; position: relative; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); overflow-y: scroll; height: auto !important; } .frame .is-fixed .main-bar { left: 0; width: 100%; margin: 0; position: unset; } .frame button.scroltop { right: 50px; bottom: 50px; } @media only screen and (max-width: 1024px) { .frame { padding: 0; } .frame button.scroltop { right: 15px; bottom: 15px; } }