Atepicker-calendar td { Con trỏ: Con trỏ; Border-Radius: 50%! Quan trọng; Biên giới: Không có! Quan trọng } .DatePicker-calendar td.disables { Màu sắc: #CCC; Con trỏ: Không được phép } .DatePicker-calendar td: not (.disables): di chuột { Bối cảnh: #E6E6E6 } .DatePicker-calendar td.selected { Bối cảnh: #007BFF; Màu sắc: #FFF } .WhatsApp-Button { Vị trí: Đã sửa; Trái: 20px; Dưới cùng: 20px; Màu nền: #25D366; Màu sắc: #FFF; Đệm: 12px 20px 12px 44px; Biên giới-Radius: 50px; Chế độ trang trí văn bản: Không có; kích thước phông chữ: 16px; Phông chữ-Trọng lượng: 700; Hiển thị: Flex; Sắp xếp mục: Trung tâm; Box-Shadow: 0 2px 5px RGB (0 0 0 / .2); Chuyển tiếp: Màu nền 0,3s; Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, '); Bối cảnh lặp lại: Không lặp lại; Định vị nền: Trung tâm 12px; Kích thước nền: 24px 24px } .WhatsApp-Button: Hover { Màu nền: #20B858 } .rating-start-wrap { Hiển thị: Khối nội tuyến; kích thước phông chữ: 0 } .Rating-start { Vị trí: tương đối; Chiều rộng: 100px; Chiều cao: 20px; Hiển thị: Khối nội tuyến } .Rating-start :: trước { nội dung: ""; Vị trí: Tuyệt đối; Top: 0; Trái: 0; Chiều rộng: 100%; Chiều cao: 100%; Bối cảnh: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') không lặp lại; kích thước nền: chứa } .Rating-start span { Vị trí: Tuyệt đối; Top: 0; Trái: 0; Chiều cao: 100%; tràn: ẩn } .Rating-start span :: trước { nội dung: ""; Vị trí: Tuyệt đối; Top: 0; Trái: 0; Chiều rộng: 100px; Chiều cao: 100%; Bối cảnh: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') không lặp lại; kích thước nền: chứa } .grid.blog-inner { Hiển thị: Flex; Flex-bao: bọc; Biên độ: 0 -15px } [class*= "col-md-"] { Vị trí: tương đối; Chiều rộng: 100%; Đệm: 0 15px; Biên độ lợi nhuận: 30px; Hiển thị: Flex } Màn hình @Media và (Min-Width: 768px) { .col-md-3 { Flex: 0 0 25%; chiều rộng tối đa: 25% } } Màn hình @Media và (Min-Width: 768px) { .col-md-4 { Flex: 0 0 33.333333%; chiều rộng tối đa: 33.333333% } } Màn hình @Media và (Max-Width: 767px) { [class*= "col-md-"] { Flex: 0 0 100%; chiều rộng tối đa: 100% } } .bưu kiện { Hiển thị: Flex; Định hướng Flex: Cột; Chiều cao: 100%; màu nền: #FFF; Biên giới: 1px rắn #e9ecef; Biên giới-Radius: 25px; Box-Shadow: 0 0 15px RGB (0 0 0 / .1); tràn: ẩn; Chuyển đổi: Biến đổi dễ dàng 0,3s, Box-Shadow 0,3s dễ dàng } .post: di chuột { Biến đổi: Dịch (-5px); Box-Shadow: 0 5px 20px RGB (0 0 0 / .15) } .Post. Vị trí: tương đối; tràn: ẩn } .Post. Chiều rộng: 100%; Chiều cao: 200px; Đối tượng phù hợp: Bìa; Biên giới-đỉnh-trái-Radius: 25px; Biên giới-Top-Right-Radius: 25px; Hiển thị: Khối; Chuyển tiếp: Biến đổi 0,3s dễ dàng } .Post: di chuột. Biến đổi: Tỷ lệ (1.05) } .Post .Post-Content { Flex-Grow: 1; Đệm: 25px; Hiển thị: Flex; Định hướng Flex: Cột } .Post .Post-Content H3 { kích thước phông chữ: 18px; Độ cao dòng: 1.3; Biên độ lợi nhuận: 10px; tràn: ẩn; Text-Overflow: Ellipsis; Hiển thị: -WebKit -Box; -webkit-box-orient: dọc } .Post .Post-Content p { kích thước phông chữ: 14px; Màu sắc: #6C757D; Biên độ lợi nhuận: 15px; tràn: ẩn; Text-Overflow: Ellipsis; Hiển thị: -WebKit -Box; -webkit-box-orient: dọc } .Post .Post-content .cat-meta a { kích thước phông chữ: 12px; Màu sắc: #223645! Quan trọng; Phông chữ-Trọng lượng: 600; Màu sắc: #0d6efd; Chuyển tiếp: Màu 0,3s } .post a { Màu sắc: #223645 } .Post .Post-Content .cat-meta A: Hover { Màu sắc: #440310! Quan trọng } .Post .Post-footer { Biên giới: Tự động; Đệm: 0 15px 15px; Hiển thị: Flex; Justify-Content: không gian giữa; Sắp xếp mục: Trung tâm } .Post .Post-footer .round-btn { kích thước phông chữ: 14px; Đệm: 8px 20px; Flex: 1; Biên độ: 0 5px; Văn bản-Align: Trung tâm; Biên giới-Radius: 20px; Màu nền: #F99300; Màu sắc: #440310; Chế độ trang trí văn bản: Không có; Chuyển tiếp: Màu nền 0,3s, biến đổi 0,2s } .Post .Post-footer .round-btn: Hover { màu nền: #440310; Màu sắc: #FFF; Biến đổi: Dịch (-2px) } Màn hình @Media và (Max-Width: 767px) { .Post. Chiều cao: 180px } .Post .Post-Content H3 { kích thước phông chữ: 16px } .Post .Post-Content p { kích thước phông chữ: 13px } .Post .Post-footer .round-btn { kích thước phông chữ: 12px; Đệm: 6px 15px } } Màn hình @Media và (Max-Width: 575px) { [class*= "col-md-"] { Biên độ lợi nhuận: 20px } .Post. Chiều cao: 150px } .Post .Post-Content H3 { kích thước phông chữ: 15px } .Post .Post-Content p { kích thước phông chữ: 12px } } .Post A: Focus { Phác thảo: 2px rắn #FD7E14; Offset phác thảo: 2px } .fa, .fab, .fad, .fal, .far, .fas, .ekit-wid-con .fasicon, .ekit wid-con .icon, .fasicon, .icon { -webkit-font-mmoothing: antialiased; -moz-osx-font-mmoothing: thang độ xám; Hiển thị: Khối nội tuyến; Chiều cao dòng: 1; Chiều rộng: 16px; Chiều cao: 16px; kích thước nền: chứa; Bối cảnh lặp lại: Không lặp lại; dọc-align: giữa } .fa-kiểm tra { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } .fa-faceBook-f { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } .fa-instagram { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } .fa-linkedin { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } .fa-plus { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } .fa-thời gian { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } .fa-Twitter { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } .fa-youtube { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } .icon.icon-envelope1, .ekit-wid-con .fasicon.icon-envelope1, .ekit-wid-con .icon.icon-envelope1 { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } .icon.icon-arrow-right-Circle, .ekit-wid-con .fasicon.icon-arrow-right-circle, .ekit-wid-con .icon.icon-arrow-right-circle { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } .icon.icon-map-marker1, .ekit wid-con .fasicon.icon-map-marker1, .ekit-wid-con .icon.icon-map-marker1 { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } .icon.icon-phone1, .ekit wid-con .fasicon.icon-phone1, .ekit-wid-con .icon.icon-phone1 { Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, ') } :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #f99300; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #ffffff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --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: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #ffffff } *, ::after, ::before { box-sizing: border-box } html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; color: #626672; background-color: var(--bs-body-bg); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: #fff0; word-wrap: break-word } main { display: block } h1, h2, h3, h4, h5, h6 { color: #223645; font-family: "Montserrat", sans-serif; margin: 0 0 15px; line-height: 1.2; font-weight: 500 } h1 { font-size: 60px; font-weight: 800 } h2 { font-size: 40px; font-weight: 800 } h3 { font-size: 22px; font-weight: 700 } h4 { font-size: 18px; font-weight: 600 } h5 { font-size: 16px } h6 { font-size: 12px } p { margin: 0 0 15px; line-height: 1.6; word-wrap: break-word } a { color: #0085ba; text-decoration: none; background-color: #fff0; transition: color 0.3s } a:hover, a:focus, a:active { color: #440310; text-decoration: none; outline: 0 } a:visited { text-decoration: none; outline: 0 } b, strong { font-weight: 700 } small, .small { font-size: 80% } img, svg { max-width: 100%; height: auto; vertical-align: top; border-style: none } figure { margin: 0 0 1rem } ul, ol { margin: 0 0 1.5em .875em; padding: 0 0 0 2rem } ul { list-style: disc } ol { list-style: decimal } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em } dfn, cite, em, i { font-style: italic } iframe { border: 0; display: block; width: 100% } table { border-collapse: collapse; caption-side: bottom } th, td { border: 1px solid #fbb44d; padding: 12px; text-align: left } th { background-color: var(--bs-orange); color: #440310 } tr:nth-child(even) { background-color: #fccb83 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } button, [type="button"], [type="reset"], [type="submit"] { border-radius: 0 } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer } textarea { resize: vertical; overflow: auto } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { background-color: #f8f8f8; border: 1px solid #d9d9d9; border-radius: 25px; font-size: 14px; padding: 0 15px } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select { height: 55px; width: 100% !important } textarea { padding: 20px 10px; width: 100% } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="range"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #888 } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; max-width: 1170px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; margin-top: var(--bs-gutter-y) } @media (min-width: 576px) { .col-sm-6 { flex: 0 0 50%; max-width: 50% } } @media (min-width: 992px) { .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } } @media (max-width: 991px) { .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-10, .col-lg-12 { flex: 0 0 100%; max-width: 100% } } .d-flex { display: flex !important } .d-none { display: none !important } .justify-content-between { justify-content: space-between !important } .align-items-center { align-items: center !important } .text-center { text-align: center !important } .text-right { text-align: right !important } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth } } .round-btn, .outline-btn { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.1; padding: 17px 30px; border-radius: 25px; text-transform: uppercase; display: inline-block; position: relative } .round-btn { background-color: var(--bs-orange); border: none; color: var(--bs-white); transition: background-color 0.3s } .round-btn:hover, .round-btn:focus, .round-btn:active { background-color: #440310; color: var(--bs-white) } .outline-btn { border: 2px solid var(--bs-orange); color: var(--bs-orange); padding: 15px 30px; transition: background-color 0.3s, border-color 0.3s, color 0.3s } .outline-btn:hover, .outline-btn:focus, .outline-btn:active { background-color: #440310; border-color: #440310; color: var(--bs-white) } .outline-btn-white { border: 2px solid var(--bs-white); color: var(--bs-white); border-radius: 25px } .outline-btn-white:hover, .outline-btn-white:focus { border-color: #440310; color: #440310 } .site-header { position: absolute; left: 0; right: 0; width: 100%; top: 0; z-index: 99 } .bottom-header { transition: background-color 0.5s ease } .site-logo .site-title { margin: 0; line-height: 1.1; font-size: 28px } .site-logo img { max-width: 200px; transition: opacity 0.4s linear } .site-logo a { display: block } .site-logo a:hover img, .site-logo a:focus img, .site-logo a:active img { opacity: .5 } .navigation-container { display: none; align-items: center; justify-content: flex-end } .navigation-container .navigation { flex-grow: 1 } .navigation-container ul { font-size: 0; list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end } .navigation-container .navigation > ul > li { display: inline-block; padding: 0 16px; position: relative } .navigation-container ul > li > a { color: var(--bs-white); display: inline-block; font-size: 16px; padding: 20px 0; font-weight: 400; line-height: 1.3; text-transform: uppercase; position: relative } .navigation-container ul > li.menu-item-has-children > a:after { content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 8px; background-image: url('data:image/svg+xml;utf8, '); kích thước nền: chứa; Bối cảnh lặp lại: Không lặp lại; dọc-align: giữa; Chuyển đổi: Biến đổi 0,4s } .Navation-container ul ul { Bối cảnh: var (-BS-White); Border-Top: 4px solid var (-BS-Orange); Vị trí: Tuyệt đối; Top: 100%; Trái: 0; Chiều rộng: 250px; Hiển thị: Không có; Z-Chỉ số: 99; Hoạt hình: Slide-Up 0,3s dễ dàng } .navulation-container ul ul li { Border-Bottom: 1PX Solid #DDD } .Navation-container ul ul li a { Màu sắc: #333; Hiển thị: Khối; Đệm: 13px 20px; Phông chữ-Trọng lượng: 600; Chuyển đổi văn bản: Viết hoa; Chuyển tiếp: Tất cả 0,4s } . Đệm-bên trái: 30px; màu nền: #440310; Màu sắc: var (-BS-White) } . nội dung: ""; Hiển thị: Khối nội tuyến; Chiều rộng: 10px; Chiều cao: 10px; lề trái: 8px; Hình ảnh nền: URL ('Dữ liệu: Hình ảnh/SVG+XML; UTF8, '); kích thước nền: chứa; Bối cảnh lặp lại: Không lặp lại; dọc-align: giữa } .Mobile-Menu-Container { Hiển thị: Không có } .Mobile-Menu-Container .SlickNav_Menu { Màu nền: minh bạch! Quan trọng; Đệm: 0 } .slicknav_btn { Hiển thị: Flex; Justify-Content: Trung tâm; Định hướng Flex: Ngu học hàng; Bối cảnh: #FFF0; Biên giới: Không có; Con trỏ: Con trỏ; Văn bản-Align: Trung tâm; Hiển thị: Flex! Quan trọng; Justify-Content: Flex-End! Quan trọng; Sắp xếp mục: Trung tâm! Quan trọng; Chiều rộng: 100%! Quan trọng } .Mobile-Menu-Container .SlickNav_icon { Chiều rộng: 22px; Chiều cao: 16px; Vị trí: tương đối; Hiển thị: Khối nội tuyến; Văn bản-Align: Trung tâm } .Mobile-Menu-Container .SlickNav_Menutxt { Màu sắc: #440310; Phông chữ-Trọng lượng: 700; kích thước phông chữ: 16px; Biên độ bên lề: 10px; Text-Shadow: Không có; Văn bản-Align: Trung tâm! Quan trọng } .Mobile-Menu-Container .SlickNav_nav { màu nền: var (-bs-white); Box-Shadow: 0 22px 21px RGB (0 0 0 / .1); Hiển thị: Không có; Vị trí: Tuyệt đối; Top: 100%; Trái: 0; Chiều rộng: 100%; Z-Chỉ số: 999 } .Mobile-Menu-Container .SlickNav_nav ul { Kiểu danh sách: Không có; Đệm: 0; Biên độ: 0 } .Mobile-Menu-Container .SlickNav_nav li { Biên giới hàng đầu: 1px rắn #E6E6E6; Vị trí: tương đối } .Mobile-menu-container .SlickNav_nav a { Màu sắc: #440310; Chế độ trang trí văn bản: Không có; Hiển thị: Khối; kích thước phông chữ: 16px; Phông chữ-Trọng lượng: 600; Đệm: 10px 15px; Chuyển tiếp: Tất cả 0,3s } .Mobile-Menu-Container .Slicknav_nav A: Hover, .Mobile-Menu-Container .SlickNav_Nav A: Focus, .Mobile-Menu-Container .SlickNav_Nav A: Active { màu nền: #440310; Màu sắc: var (-BS-White) } .Mobile-Menu-Container .SlickNav_nav ul ul { Đệm-bên trái: 15px; Hiển thị: Không có } .Mobile-Menu-Container .SlickNav_Nav .SlickNav_row { Hiển thị: Flex; Flex-bao: bọc; Đệm: 0; Biên độ: 0 } .Mobile-Menu-Container .SlickNav_Nav .SlickNav_row> a { Chiều rộng: calc (100% - 45px) } .Mobile-Menu-Container .SlickNAV_NAV .SlickNAV_ROW .SLICKNAV_ITEM { Biên giới-bên trái: 1px rắn #E6E6E6; Chiều rộng: 45px; Hiển thị: Flex; Sắp xếp mục: Trung tâm; Justify-Content: Trung tâm; Đệm: 0 } .Mobile-Menu-Container .SlickNav_Nav .SlickNav_arrow { Vị trí: Tuyệt đối; Phải: 15px; <Phong cách> Biến đổi: Chuyển dịch (-50%); Chiều rộng: 16px; Chiều cao: 16px; Con trỏ: Con trỏ; Màu sắc: #440310; Phông chữ-Trọng lượng: 700; Văn bản-Align: Trung tâm; Độ cao dòng: 16px } .Mobile-Menu-Container .SlickNav_Nav .SlickNav_arrow :: Sau { nội dung: "+"; kích thước phông chữ: 16px } .Mobile-Menu-Container .SlickNav_Nav .SlickNav_arrow.open :: After { nội dung: "-" } .SlickNAV_BTN .SlickNav_icon span { màu nền: var (-bs-white); Hiển thị: Khối; Vị trí: Tuyệt đối; Chiều rộng: 20px; Chiều cao: 2px; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s } .slicknav_btn .slicknav_icon span:before, .slicknav_btn .slicknav_icon span:after { background-color: var(--bs-white); content: ""; position: absolute; width: 100%; height: 2px; left: 0; transition: all 0.3s } .slicknav_btn .slicknav_icon span:before { top: -6px } .slicknav_btn .slicknav_icon span:after { top: 6px } .slicknav_btn.slicknav_open .slicknav_icon span { background-color: #fff0 } .slicknav_btn.slicknav_open .slicknav_icon span:before { top: 0; transform: rotate(45deg) } .slicknav_btn.slicknav_open .slicknav_icon span:after { top: 0; transform: rotate(-45deg) } .sidebar > div { padding-bottom: 40px } .sidebar .booking-form-inner { border-radius: 25px; padding: 40px 30px } .sidebar .booking-form-inner h3, .sidebar .booking-form-inner p { text-align: center; color: var(--bs-white) } .sidebar .booking-form { display: flex; flex-wrap: wrap; margin: 0 -10px } .sidebar .booking-form p { padding: 0 10px; width: 100%; margin-bottom: 20px } .sidebar .booking-form p.width-5 { width: 50% } .sidebar .booking-form p label { margin-bottom: 5px } .sidebar .booking-form p input { width: 100% !important } .sidebar .booking-form p button { background-color: #fff0; width: 100% } .sidebar .package-list { background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 25px; overflow: hidden; padding: 30px; position: relative; z-index: 1 } .sidebar .package-list h4 { background-color: #f8f8f8; border-radius: 25px; padding: 10px 20px; text-align: center; font-weight: 500; margin-bottom: 20px } .sidebar .package-list ul { margin: 0; padding: 0 } .sidebar .package-list ul li { list-style: none; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgb(167 167 167 / .31) } .sidebar .package-list ul li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0 } .sidebar .package-list ul li a { color: var(--bs-white) } .sidebar .package-list ul li a i { margin-right: 8px } .site-footer { background-color: rgb(34 54 69 / .98); padding-top: 80px } .site-footer .top-footer { padding-bottom: 80px } .site-footer .footer-logo { margin-bottom: 20px } .site-footer .bottom-footer { background-color: #223645; padding: 20px 0 } .site-footer .copy-right { color: var(--bs-white) } .site-footer .copy-right a { color: var(--bs-white) } .site-footer .copy-right a:hover { color: #440310 } .site-footer .lower-footer { border-top: 1px solid rgb(255 255 255 / .14); padding-top: 35px } .site-footer .lower-footer .social-icon { margin-bottom: 20px } .site-footer .lower-footer .social-icon li { margin: 0 5px } .site-footer .lower-footer .social-icon li a { border: 1px solid #626672; border-radius: 100%; color: var(--bs-white); display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; transition: all 0.4s } .site-footer .lower-footer .social-icon li a:hover { background-color: #440310; border-color: #440310 } .site-footer .footer-newsletter p { color: var(--bs-white); margin-bottom: 20px } .site-footer .footer-newsletter .newsletter { display: flex; flex-wrap: wrap } .site-footer .footer-newsletter input[type="email"] { flex-grow: 1; border-color: rgb(255 255 255 / .35); margin-right: 20px } .site-footer .footer-newsletter button { background-color: #fff0 } .site-footer .footer-menu ul { margin: 0; padding: 0; font-size: 0 } .site-footer .footer-menu ul li { list-style: none; display: inline-block; position: relative; padding: 0 10px } .site-footer .footer-menu ul li:before { content: "|"; position: absolute; top: 0; right: -2px; font-size: 14px; color: #b6b6b6 } .site-footer .footer-menu ul li:last-child:before { display: none } .site-footer .footer-menu ul li a { color: var(--bs-white); font-size: 13px } .site-footer .footer-menu ul li a:hover, .site-footer .footer-menu ul li a:focus { color: #440310 } .footer-primary .widget { color: #e0e0e0; margin-bottom: 30px } .footer-primary .widget .widget-title { color: var(--bs-white); font-size: 16px; font-weight: 500; line-height: 1.1; margin-bottom: 30px; text-transform: uppercase } .footer-primary .widget .widget-title:after { background-color: var(--bs-orange); content: ""; display: table; height: 2px; width: 50px; margin-top: 10px } .footer-primary .widget ul li { margin-bottom: 10px; border-bottom: none } .footer-primary .widget ul li a { color: var(--bs-white) } .footer-primary .widget ul li a:hover, .footer-primary .widget ul li a:focus, .footer-primary .widget ul li a:active { color: #440310 } .widget { margin-bottom: 30px } .widget a { display: block } .widget .widget-title { margin-bottom: 30px } .widget ul { margin: 0; padding: 0 } .widget ul li { list-style: none } .widget ul li a { color: #383838 } .widget ul li a:hover { color: #440310 } .widget.widget-post-thumb li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6 } .widget.widget-post-thumb li:before, .widget.widget-post-thumb li:after { content: ""; display: block; clear: both } .widget.widget-post-thumb li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .widget.widget-post-thumb .post-thumb { width: 80px; float: left; position: relative } .widget.widget-post-thumb .post-thumb img { border-radius: 15px } .widget.widget-post-thumb .post-content { float: right; width: calc(100% - 100px) } .widget.widget-post-thumb .post-content h5, .widget.widget-post-thumb .post-content h6 { margin-bottom: 5px } .widget.widget-post-thumb .post-content p { margin-bottom: 0; font-size: 14px } .widget.widget-post-thumb .post-content .entry-meta { margin-left: -8px; margin-right: -8px } .widget.widget-post-thumb .post-content .entry-meta span { padding: 0 8px; position: relative } .widget.widget-post-thumb .post-content .entry-meta span:before { color: #b6b6b6; content: "|"; font-size: 13px; position: absolute; right: 0; top: 0 } .widget.widget-post-thumb .post-content .entry-meta span:last-child:before { display: none } .widget.widget-post-thumb .post-content .entry-meta a { color: #787878; display: inline-block; font-size: 13px; line-height: 1.1 } .widget.widget-post-thumb .post-content .entry-meta a:hover, .widget.widget-post-thumb .post-content .entry-meta a:focus { color: #440310 } .widget.widget_text ul { margin-top: 20px } .widget.widget_text ul li { margin-bottom: 10px; padding-left: 25px; position: relative } .widget.widget_text ul li:last-child { margin-bottom: 0 } .widget.widget_text ul li i { color: var(--bs-white); position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat } .inner-banner-wrap { padding-bottom: 95px } .inner-baner-container { background-size: cover; background-repeat: no-repeat; background-position: center center; text-align: center; position: relative } .inner-baner-container:before { background-color: #151515; content: ""; display: block; opacity: .65; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute } .inner-baner-container .inner-banner-content { padding-top: 120px; padding-bottom: 135px; position: relative; color: var(--bs-white) } .inner-baner-container .page-title { color: var(--bs-white); line-height: 1.1; text-transform: uppercase; margin-bottom: 0 } .primary-bg { background-color: var(--bs-orange) } .overlay { background-color: rgb(0 0 0 / .6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 } .social-icon ul { margin: 0; padding: 0; font-size: 0 } .social-icon li { display: inline-block; list-style: none; margin: 0 5px } .social-icon a { font-size: 16px; color: #404040; transition: color 0.4s } .social-icon a:hover, .social-icon a:focus, .social-icon a:active { color: #440310 } .clearfix:before, .clearfix:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after { content: ""; display: block; clear: both } .package-inner-page { padding-bottom: 100px } @media (min-width: 992px) { .right-sidebar { padding-right: 40px } .mobile-menu-container { display: none !important } .navigation-container { display: flex !important } .navigation-container ul > li.menu-item-has-children:hover > ul { display: block } .navigation-container ul ul ul { left: 100%; top: 0 } .navigation-container ul > li:hover > a:after { transform: rotate(180deg) } .bottom-header { background-color: var(--bs-white); box-shadow: 0 -3px 10px rgb(0 0 0 / .2); position: fixed; top: 0; width: 100%; left: 0; z-index: 999 } .navigation-container ul > li > a { color: #440310 } } @media (max-width: 991px) { .mobile-menu-container { display: block !important; position: relative; z-index: 1000; background-color: transparent !important } .bottom-header { border-bottom: 1px solid rgb(255 255 255 / .25); padding: 12px 0 } .mobile-menu-container { background-color: var(--bs-white); box-shadow: 0 -3px 10px rgb(0 0 0 / .2); position: fixed; top: 0; width: 100%; left: 0; z-index: 999 } .mobile-menu-container .slicknav_nav { min-height: fit-content; height: 100%; overflow-y: scroll; position: absolute; width: 100%; left: 0; right: 0; z-index: 999 } .mobile-menu-container .slicknav_menutxt, .mobile-menu-container .slicknav_btn .slicknav_icon span, .mobile-menu-container .slicknav_btn .slicknav_icon span:before, .mobile-menu-container .slicknav_btn .slicknav_icon span:after { color: #440310 } .sidebar .booking-form-wrap { margin-top: 40px } .site-footer .lower-footer .text-right { text-align: initial !important } .site-footer .footer-newsletter { margin-bottom: 20px } .footer-primary .widget { margin-bottom: 30px } } @media (max-width: 768px) { th, td { padding: 10px; font-size: 14px } } @media (max-width: 767px) { h1 { font-size: 36px } h2 { font-size: 28px } h3 { font-size: 20px } h4 { font-size: 16px } h5 { font-size: 14px } h6 { font-size: 12px } } @media (max-width: 575px) { body { font-size: 14px } .site-logo img { max-width: 80px } .round-btn, .outline-btn { font-size: 14px; padding: 12px 20px } .outline-btn { padding: 10px 20px } .package-inner-page { padding-bottom: 60px } .inner-banner-wrap { padding-bottom: 55px } .inner-baner-container .inner-banner-content { padding-top: 80px; padding-bottom: 80px } .inner-baner-container .page-title { font-size: 30px } .site-footer { padding-top: 50px } .site-footer .top-footer { padding-bottom: 25px } .site-footer .footer-newsletter input[type="email"] { height: 50px; margin-right: 0 } .site-footer .footer-newsletter button { width: 100%; margin-top: 10px } .site-footer .footer-menu ul li a { font-size: 12px; font-weight: 400 } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { height: 55px } } ul, ol { list-style: none } .destination-item { background-size: cover; background-position: center center; background-repeat: no-repeat } .destination-item a { color: #223645 } .destination-item a:hover { color: #440310 !important } input { min-width: 100% !important; height: 50px } .destination-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; min-height: 425px; margin-bottom: 50px } .destination-item .destination-content { background-color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; margin: 20px; padding: 22px 20px; position: relative } .destination-item .cat-link { color: #f99300; display: block; font-size: 13px; margin-bottom: 8px; text-transform: uppercase } .destination-item h3 { text-transform: capitalize; margin-bottom: 6px } .destination-item p:last-child { margin-bottom: 0 } .destination-item .rating-start-wrap { background-color: #f99300; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; padding: 4px 12px; position: absolute; right: 24px; top: -12px } .destination-item .rating-start-wrap .rating-start:before { color: #c3c3c3 } .destination-item .rating-start-wrap .rating-start span:before { color: #fff } @media screen and (max-width: 575px) { .destination-item { margin-bottom: 30px } } .input-date-picker { display: inline-block; width: 100%; max-width: 250px; padding: 10px 15px; font-size: 16px; line-height: 1.5; color: #333; background-color: #fff; border: 1px solid #e9ecef; border-radius: 8px; box-shadow: 0 2px 5px rgb(0 0 0 / .1); transition: border-color 0.3s ease, box-shadow 0.3s ease; cursor: pointer; pointer-events: auto; user-select: auto } .input-date-picker:hover { border-color: #fd7e14; box-shadow: 0 3px 10px rgb(0 0 0 / .15) } .input-date-picker:focus { outline: none; border-color: #fd7e14; box-shadow: 0 0 0 3px rgb(253 126 20 / .3) } .input-date-picker::placeholder { color: #6c757d; opacity: .7 } .input-date-picker::-webkit-calendar-picker-indicator { cursor: pointer; padding: 5px; margin-left: 5px; background-size: 20px; z-index: 1; pointer-events: auto; opacity: .7; transition: opacity 0.3s ease } .input-date-picker:hover::-webkit-calendar-picker-indicator { opacity: 1 } .input-date-picker:disabled { background-color: #f8f9fa; border-color: #d1d3e2; color: #6c757d; cursor: not-allowed; pointer-events: none } @media screen and (max-width: 575px) { .input-date-picker { max-width: 100%; font-size: 14px; padding: 8px 12px } } .input-date-picker:focus-visible { outline: 2px solid #fd7e14; outline-offset: 2px } h1.text-center { font-size: clamp(1.5rem, 3vw, 2.5rem); text-transform: uppercase; text-align: center; letter-spacing: .05em; font-weight: 700 } h1 { font-size: clamp(1.5rem, 3vw, 2.5rem); text-transform: uppercase; letter-spacing: .05em; font-weight: 700 } h2.text-center { font-size: clamp(1.3rem, 2.5vw, 2rem); text-align: center; letter-spacing: .05em; font-weight: 700 } h2 { font-size: clamp(1.3rem, 2.5vw, 2rem); letter-spacing: .05em; font-weight: 700 } h3.text-center { font-size: clamp(1.1rem, 2vw, 1.75rem); text-align: center; letter-spacing: .05em; font-weight: 700 } h3 { font-size: clamp(1.1rem, 2vw, 1.75rem); letter-spacing: .05em; font-weight: 700 } h4.text-center { font-size: clamp(0.9rem, 1.8vw, 1.5rem); text-align: center; letter-spacing: .05em; font-weight: 600 } h4 { font-size: clamp(0.9rem, 1.8vw, 1.5rem); letter-spacing: .05em; font-weight: 600 } h5.text-center { font-size: clamp(0.8rem, 1.6vw, 1.25rem); text-align: center; letter-spacing: .05em; font-weight: 600 } h5 { font-size: clamp(0.8rem, 1.6vw, 1.25rem); letter-spacing: .05em; font-weight: 600 } h6.text-center { font-size: clamp(0.7rem, 1.4vw, 1rem); text-align: center; letter-spacing: .05em; font-weight: 600 } h6 { font-size: clamp(0.7rem, 1.4vw, 1rem); letter-spacing: .05em; font-weight: 600 } @media (max-width: 768px) { h1.text-center, h1 { font-size: clamp(1.25rem, 2.5vw, 1.75rem) } h2.text-center, h2 { font-size: clamp(1.1rem, 2.2vw, 1.5rem) } h3.text-center, h3 { font-size: clamp(1rem, 2vw, 1.3rem) } h4.text-center, h4 { font-size: clamp(0.85rem, 1.7vw, 1.2rem) } h5.text-center, h5 { font-size: clamp(0.75rem, 1.5vw, 1rem) } h6.text-center, h6 { font-size: clamp(0.65rem, 1.3vw, 0.9rem) } } @media (max-width: 480px) { h1.text-center, h1 { font-size: clamp(1rem, 2vw, 1.25rem); text-transform: none; letter-spacing: normal } h2.text-center, h2 { font-size: clamp(0.9rem, 1.8vw, 1.1rem); text-transform: none; letter-spacing: normal } h3.text-center, h3 { font-size: clamp(0.8rem, 1.6vw, 1rem); text-transform: none; letter-spacing: normal } h4.text-center, h4 { font-size: clamp(0.7rem, 1.4vw, 0.9rem); text-transform: none; letter-spacing: normal } h5.text-center, h5 { font-size: clamp(0.65rem, 1.3vw, 0.8rem); text-transform: none; letter-spacing: normal } h6.text-center, h6 { font-size: clamp(0.6rem, 1.2vw, 0.75rem); text-transform: none; letter-spacing: normal } } main.site-main { padding-top: clamp(60px, 5vw, 60px) } .single-packge-wrap .package-content-detail .package-include ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: block; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .single-packge-wrap .package-content-detail .package-include ul li { width: 100% }

Kilimanjaro vs Everest | Trekking trên núi Điểm đến

Nuy Kilimanjaro ở Tanzania Và đỉnh Everest ở Nepal là hai trong số các điểm đến trekking mang tính biểu tượng nhất thế giới, mỗi người Cung cấp một cuộc phiêu lưu cao độc đáo. Kilimanjaro, đỉnh cao nhất châu Phi, là một leo núi phi kỹ thuật có thể tiếp cận được với nhiều người, trong khi Everest, ngọn núi cao nhất thế giới, là một Thử thách đáng gờm cho những người leo núi có kinh nghiệm. So sánh này khám phá khó khăn, cảnh quan, chi phí, chỗ ở, hoạt động, khả năng tiếp cận, thời gian tốt nhất để leo lên và chuẩn bị để giúp đỡ Bạn chọn cuộc phiêu lưu núi lý tưởng của bạn.

NHắn Tin Cho Chún Tôm