@charset "UTF-8";
/*
    =========================
	Template Name 	 : ClinicMaster SkinCare
	=========================

	[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
*/
@import "../vendor/animate/animate.css";
@import "../icons/feather/css/iconfont.css";
@import "../icons/fontawesome/css/all.min.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-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-3] {
  --bs-body-bg: #FFFCF8;
  --bs-body-color: #566593;
  --bs-heading-color: #0A3366;
  --bs-heading-color-rgb: 10, 51, 102;
  --bs-primary: #C2272D;
  --bs-secondary: #0A3366;
  --bs-light: #FDF5E8;
  --bs-primary-rgb: 235, 245, 241;
  --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-4] {
  --bs-body-bg: #FFFCF8;
  --bs-body-color: #676767;
  --bs-heading-color: #343434;
  --bs-heading-color-rgb: 52, 52, 52;
  --bs-primary: #227675;
  --bs-secondary: #343434;
  --bs-light: #F7F3EB;
  --bs-primary-rgb: 34, 118, 117;
  --bs-secondary-rgb: 52, 52, 52;
  --bs-light-rgb: 247, 243, 235;
  --bs-primary-text-emphasis: rgb(13.6, 47.2, 46.8);
  --bs-secondary-text-emphasis: rgb(20.8, 20.8, 20.8);
  --bs-light-text-emphasis: rgb(98.8, 97.2, 94);
  --bs-primary-bg-subtle: rgb(210.8, 227.6, 227.4);
  --bs-secondary-bg-subtle: rgb(210.8, 227.6, 227.4);
  --bs-light-bg-subtle: rgb(253.4, 252.6, 251);
  --bs-primary-border-subtle: rgb(210.8, 227.6, 227.4);
  --bs-secondary-border-subtle: rgb(214.4, 214.4, 214.4);
  --bs-light-border-subtle: rgb(253.4, 252.6, 251);
  --bs-primary-btn-hover-bg: rgb(28.9, 100.3, 99.45);
  --bs-primary-btn-hover-border-color: rgb(28.9, 100.3, 99.45);
  --bs-secondary-btn-hover-bg: rgb(44.2, 44.2, 44.2);
  --bs-secondary-btn-hover-border-color: rgb(44.2, 44.2, 44.2);
  --bs-light-btn-hover-bg: rgb(209.95, 206.55, 199.75);
  --bs-light-btn-hover-border-color: rgb(209.95, 206.55, 199.75);
}

html[data-theme-color=skin-5] {
  --bs-body-color: #666666;
  --bs-heading-color: #3D203F;
  --bs-heading-color-rgb: 61, 32, 63;
  --bs-primary: #DB479D;
  --bs-secondary: #3D203F;
  --bs-light: #FAF7F8;
  --bs-primary-rgb: 219, 71, 157;
  --bs-secondary-rgb: 61, 32, 63;
  --bs-light-rgb: 250, 247, 248;
  --bs-primary-text-emphasis: rgb(87.6, 28.4, 62.8);
  --bs-secondary-text-emphasis: rgb(24.4, 12.8, 25.2);
  --bs-light-text-emphasis: rgb(100, 98.8, 99.2);
  --bs-primary-bg-subtle: rgb(247.8, 218.2, 235.4);
  --bs-secondary-bg-subtle: rgb(247.8, 218.2, 235.4);
  --bs-light-bg-subtle: rgb(254, 253.4, 253.6);
  --bs-primary-border-subtle: rgb(247.8, 218.2, 235.4);
  --bs-secondary-border-subtle: rgb(216.2, 210.4, 216.6);
  --bs-light-border-subtle: rgb(254, 253.4, 253.6);
  --bs-primary-btn-hover-bg: rgb(186.15, 60.35, 133.45);
  --bs-primary-btn-hover-border-color: rgb(186.15, 60.35, 133.45);
  --bs-secondary-btn-hover-bg: rgb(51.85, 27.2, 53.55);
  --bs-secondary-btn-hover-border-color: rgb(51.85, 27.2, 53.55);
  --bs-light-btn-hover-bg: rgb(212.5, 209.95, 210.8);
  --bs-light-btn-hover-border-color: rgb(212.5, 209.95, 210.8);
}

html[data-theme-color=skin-6] {
  --bs-body-color: #666666;
  --bs-heading-color: #23281C;
  --bs-heading-color-rgb: 35, 40, 28;
  --bs-primary: #71B606;
  --bs-primary-second: #EEF803;
  --bs-secondary: #23281C;
  --bs-light: #F4F8E9;
  --bs-primary-rgb: 113, 182, 6;
  --bs-secondary-rgb: 35, 40, 28;
  --bs-light-rgb: 244, 248, 233;
  --bs-primary-text-emphasis: rgb(45.2, 72.8, 2.4);
  --bs-secondary-text-emphasis: rgb(14, 16, 11.2);
  --bs-light-text-emphasis: rgb(97.6, 99.2, 93.2);
  --bs-primary-bg-subtle: rgb(226.6, 240.4, 205.2);
  --bs-secondary-bg-subtle: rgb(211, 212, 209.6);
  --bs-light-bg-subtle: rgb(252.8, 253.6, 250.6);
  --bs-primary-border-subtle: rgb(226.6, 240.4, 205.2);
  --bs-secondary-border-subtle: rgb(211, 212, 209.6);
  --bs-light-border-subtle: rgb(252.8, 253.6, 250.6);
  --bs-primary-btn-hover-bg: rgb(96.05, 154.7, 5.1);
  --bs-primary-btn-hover-border-color: rgb(96.05, 154.7, 5.1);
  --bs-secondary-btn-hover-bg: rgb(29.75, 34, 23.8);
  --bs-secondary-btn-hover-border-color: rgb(29.75, 34, 23.8);
  --bs-light-btn-hover-bg: rgb(207.4, 210.8, 198.05);
  --bs-light-btn-hover-border-color: rgb(207.4, 210.8, 198.05);
}

html[data-theme-color=skin-7] {
  --bs-body-color: #566593;
  --bs-heading-color: #193E74;
  --bs-heading-color-rgb: 25, 62, 116;
  --bs-primary: #F0588D;
  --bs-secondary: #193E74;
  --bs-light: #FFF7F3;
  --gradient-primary: linear-gradient(90deg, #EF578D 0%, #FF8C70 100%);
  --bs-primary-rgb: 240, 88, 141;
  --bs-secondary-rgb: 25, 62, 116;
  --bs-light-rgb: 255, 247, 243;
  --bs-primary-text-emphasis: rgb(96, 35.2, 56.4);
  --bs-secondary-text-emphasis: rgb(10, 24.8, 46.4);
  --bs-light-text-emphasis: rgb(102, 98.8, 97.2);
  --bs-primary-bg-subtle: rgb(252, 221.6, 232.2);
  --bs-secondary-bg-subtle: rgb(252, 221.6, 232.2);
  --bs-light-bg-subtle: rgb(255, 253.4, 252.6);
  --bs-primary-border-subtle: rgb(252, 221.6, 232.2);
  --bs-secondary-border-subtle: rgb(209, 216.4, 227.2);
  --bs-light-border-subtle: rgb(255, 253.4, 252.6);
  --bs-primary-btn-hover-bg: rgb(204, 74.8, 119.85);
  --bs-primary-btn-hover-border-color: rgb(204, 74.8, 119.85);
  --bs-secondary-btn-hover-bg: rgb(21.25, 52.7, 98.6);
  --bs-secondary-btn-hover-border-color: rgb(21.25, 52.7, 98.6);
  --bs-light-btn-hover-bg: rgb(216.75, 209.95, 206.55);
  --bs-light-btn-hover-border-color: rgb(216.75, 209.95, 206.55);
}

html[data-theme-color=skin-8] {
  --bs-body-color: #566593;
  --bs-heading-color: #11516A;
  --bs-heading-color-rgb: 17, 81, 106;
  --bs-primary: #1DA8A3;
  --bs-secondary: #11516A;
  --bs-light: #EDF6F6;
  --bs-primary-rgb: 29, 168, 163;
  --bs-secondary-rgb: 17, 81, 106;
  --bs-light-rgb: 237, 246, 246;
  --bs-primary-text-emphasis: rgb(11.6, 67.2, 65.2);
  --bs-secondary-text-emphasis: rgb(6.8, 32.4, 42.4);
  --bs-light-text-emphasis: rgb(94.8, 98.4, 98.4);
  --bs-primary-bg-subtle: rgb(209.8, 237.6, 236.6);
  --bs-secondary-bg-subtle: rgb(209.8, 237.6, 236.6);
  --bs-light-bg-subtle: rgb(251.4, 253.2, 253.2);
  --bs-primary-border-subtle: rgb(209.8, 237.6, 236.6);
  --bs-secondary-border-subtle: rgb(207.4, 220.2, 225.2);
  --bs-light-border-subtle: rgb(251.4, 253.2, 253.2);
  --bs-primary-btn-hover-bg: rgb(24.65, 142.8, 138.55);
  --bs-primary-btn-hover-border-color: rgb(24.65, 142.8, 138.55);
  --bs-secondary-btn-hover-bg: rgb(14.45, 68.85, 90.1);
  --bs-secondary-btn-hover-border-color: rgb(14.45, 68.85, 90.1);
  --bs-light-btn-hover-bg: rgb(201.45, 209.1, 209.1);
  --bs-light-btn-hover-border-color: rgb(201.45, 209.1, 209.1);
}

html[data-theme-color=skin-9] {
  --bs-body-color: rgba(0, 0, 0, 0.6);
  --bs-heading-color: #010101;
  --bs-heading-color-rgb: 1, 1, 1;
  --bs-primary: #EBF800;
  --bs-secondary: #010101;
  --bs-light: #FCFFBF;
  --bs-primary-rgb: 235, 248, 0;
  --bs-secondary-rgb: 1, 1, 1;
  --bs-light-rgb: 252, 255, 191;
  --bs-primary-text-emphasis: rgb(94, 99.2, 0);
  --bs-secondary-text-emphasis: rgb(0.4, 0.4, 0.4);
  --bs-light-text-emphasis: rgb(100.8, 102, 76.4);
  --bs-primary-bg-subtle: rgb(251, 253.6, 204);
  --bs-secondary-bg-subtle: rgb(251, 253.6, 204);
  --bs-light-bg-subtle: rgb(254.4, 255, 242.2);
  --bs-primary-border-subtle: rgb(251, 253.6, 204);
  --bs-secondary-border-subtle: rgb(204.2, 204.2, 204.2);
  --bs-light-border-subtle: rgb(254.4, 255, 242.2);
  --bs-primary-btn-hover-bg: rgb(199.75, 210.8, 0);
  --bs-primary-btn-hover-border-color: rgb(199.75, 210.8, 0);
  --bs-secondary-btn-hover-bg: rgb(0.85, 0.85, 0.85);
  --bs-secondary-btn-hover-border-color: rgb(0.85, 0.85, 0.85);
  --bs-light-btn-hover-bg: rgb(214.2, 216.75, 162.35);
  --bs-light-btn-hover-border-color: rgb(214.2, 216.75, 162.35);
}
html[data-theme-color=skin-9] .btn.btn-white .right-icon svg{
  stroke: #fff;
}
html[data-theme-color=skin-9] .btn.btn-white:hover path,
html[data-theme-color=skin-9] .btn.btn-white:focus path,
html[data-theme-color=skin-9] .btn.btn-white:active path {
  stroke: #000;
}

/*!
 * Bootstrap  v5.3.5 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --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;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(102, 215.4, 236.4);
  --bs-secondary-text-emphasis: rgb(103.8, 118.2, 148.8);
  --bs-success-text-emphasis: rgb(131.4, 201, 167.4);
  --bs-info-text-emphasis: rgb(102.6, 190.8, 232.2);
  --bs-warning-text-emphasis: rgb(240.6, 192, 102);
  --bs-danger-text-emphasis: rgb(228, 134.4, 134.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(0, 37.8, 44.8);
  --bs-secondary-bg-subtle: rgb(0.6, 5.4, 15.6);
  --bs-success-bg-subtle: rgb(9.8, 33, 21.8);
  --bs-info-bg-subtle: rgb(0.2, 29.6, 43.4);
  --bs-warning-bg-subtle: rgb(46.2, 30, 0);
  --bs-danger-bg-subtle: rgb(42, 10.8, 10.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(0, 113.4, 134.4);
  --bs-secondary-border-subtle: rgb(1.8, 16.2, 46.8);
  --bs-success-border-subtle: rgb(29.4, 99, 65.4);
  --bs-info-border-subtle: rgb(0.6, 88.8, 130.2);
  --bs-warning-border-subtle: rgb(138.6, 90, 0);
  --bs-danger-border-subtle: rgb(126, 32.4, 32.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(102, 215.4, 236.4);
  --bs-link-hover-color: rgb(132.6, 223.32, 240.12);
  --bs-link-color-rgb: 102, 215, 236;
  --bs-link-hover-color-rgb: 133, 223, 240;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(101.2, 97.6, 16.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(129.6, 180, 174);
  --bs-form-valid-border-color: rgb(129.6, 180, 174);
  --bs-form-invalid-color: rgb(247.2, 123.6, 160.8);
  --bs-form-invalid-border-color: rgb(247.2, 123.6, 160.8);
}

*,
*::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);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, h5, h4, .h4, h3, .h3, h2, h1{
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1{
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1{
    font-size: 2.5rem;
  }
}

h2{
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  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{
  font-size: 1.125rem;
}

h6{
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

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;
}

mark{
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.75rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 15px;
  padding-bottom: 15px;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
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,
optgroup,
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;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@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;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* 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;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}
@media (min-width: 1200px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1200px) {
}

.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);
}

.g-4{
  --bs-gutter-x: 1.5rem;
}

.g-4{
  --bs-gutter-y: 1.5rem;
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}
@media (min-width: 1400px) {
}

@media (max-width: 575.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 1399.98px) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}

.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;
  -webkit-user-select: none;
     -moz-user-select: none;
          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: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: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:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.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-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;
  }
}
@media (prefers-reduced-motion: reduce) {
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}

.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;
}
@media (prefers-reduced-motion: reduce) {
}

.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;
}
@media (prefers-reduced-motion: reduce) {
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 576px) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}

.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-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}

.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.414'/%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;
  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;
  filter: var(--bs-btn-close-filter);
  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{
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}

[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
@media (prefers-reduced-motion: reduce) {
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

@media (min-width: 576px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

@media (max-width: 575.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 1399.98px) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}

:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #ffffff;
  --bs-carousel-caption-color: #ffffff;
  --bs-carousel-control-icon-filter: ;
}

[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000000;
  --bs-carousel-caption-color: #000000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
}
.offcanvas{
  --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) {
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
}
@media (max-width: 575.98px) {
}
@media (min-width: 576px) {
}

@media (max-width: 767.98px) {
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
}
@media (max-width: 767.98px) {
}
@media (min-width: 768px) {
}

@media (max-width: 991.98px) {
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
}
@media (max-width: 991.98px) {
}
@media (min-width: 992px) {
}

@media (max-width: 1199.98px) {
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
}
@media (max-width: 1199.98px) {
}
@media (min-width: 1200px) {
}

@media (max-width: 1399.98px) {
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
}
@media (max-width: 1399.98px) {
}
@media (min-width: 1400px) {
}

.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-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.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-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
@media (prefers-reduced-motion: reduce) {
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}

.overflow-visible {
  overflow: visible !important;
}

.mw-100 {
  max-width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.align-items-center {
  align-items: center !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.text-center {
  text-align: center !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 1200px) {
}
@media print {
}
* {
  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,
h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
h6 a{
  color: var(--bs-heading-color);
}

h1, h2, h3, .h3, h4, .h4, h5, h6{
  font-family: var(--font-family-title);
  font-weight: 600;
  color: var(--bs-heading-color);
  line-height: 1.4;
}

h1{
  font-size: 2.5rem;
  line-height: 1.2;
}
@media only screen and (max-width: 1199px) {
  h1{
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 767px) {
  h1{
    font-size: 2rem;
  }
}
@media only screen and (max-width: 575px) {
  h1{
    font-size: 1.7rem;
  }
}

h2{
  font-size: 1.75rem;
}
@media only screen and (max-width: 1199px) {
  h2{
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 767px) {
  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{
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  h5{
    font-size: 1.125rem;
  }
}

h6{
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  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);
  transition: all 0.5s;
}
a:hover {
  text-decoration: none;
  outline: none;
  color: var(--bs-primary);
}

@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{
  font-weight: 700;
}

::-moz-selection {
  color: #ffffff;
  background: var(--bs-primary);
}

::selection {
  color: #ffffff;
  background: var(--bs-primary);
}

.modal-backdrop {
  z-index: 99999;
}

@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}

.content-inner {
  padding-top: 100px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 1480px) {
  .content-inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@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;
  }
}
@media only screen and (max-width: 1480px) {
}
@media screen and (max-width: 1024px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}

.content-inner-2 {
  padding-top: 100px;
  padding-bottom: 0;
}
@media only screen and (max-width: 1480px) {
  .content-inner-2 {
    padding-top: 70px;
    padding-bottom: 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;
  }
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 575px) {
}

img::-moz-selection {
  background: none;
}

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;
  }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}

@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;
  }
}
@media only screen and (max-width: 575px) {
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.m-t10 {
  margin-top: 10px;
}

.m-b10 {
  margin-bottom: 10px;
}

.m-l10 {
  margin-left: 10px;
}

.m-b15 {
  margin-bottom: 15px;
}

.m-b20 {
  margin-bottom: 20px;
}

.m-b25 {
  margin-bottom: 25px;
}

.m-b30 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 576px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}

section {
  position: relative;
}

@media (min-width: 1200px) {
}

@media only screen and (max-width: 767px) {
}

[data-typography=typography_1] {
  --font-family-base: "Montserrat";
  --font-family-title: "Montserrat";
  --bs-body-font-family: "Montserrat";
}

[data-typography=typography_2] {
  --font-family-base: "Montserrat";
  --font-family-title: "Libre Baskerville";
  --bs-body-font-family: "Poppins";
}
[data-typography=typography_2] .btn {
  --bs-btn-border-radius:10px ;
}

[data-typography=typography_3] {
  --font-family-base: "DM Sans";
  --font-family-title: "DM Sans";
  --bs-body-font-family: "DM Sans";
}
[data-typography=typography_3] ::-moz-selection {
  color: #000;
  background: var(--bs-primary);
}
[data-typography=typography_3] ::selection {
  color: #000;
  background: var(--bs-primary);
}

.hero-banner {
  position: relative;
}
.hero-banner.style-1 {
  height: 980px;
  background-color: var(--bs-light);
  overflow: hidden;
  z-index: 1;
}
.hero-banner.style-1.single-banner {
  height: auto;
  padding: 0;
  background: transparent;
  overflow: visible;
}
.hero-banner.style-1.single-banner:after {
  display: none;
}
.hero-banner.style-1.single-banner .single-banner-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.hero-banner.style-1:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-image: url(../images/hero-banner/bg.png);
  background-repeat: no-repeat;
  background-position: right -13px bottom;
}
.hero-banner.style-1 > * {
  height: 100%;
}
.hero-banner.style-1 .title {
  font-size: 85px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1680px) {
}
@keyframes identifier {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1480px) {
  .hero-banner.style-1 {
    height: 920px;
  }
  .hero-banner.style-1 .title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1380px) {
  .hero-banner.style-1 {
    height: 820px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-banner.style-1 {
    height: 650px;
    padding-top: 80px;
  }
  .hero-banner.style-1 .title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-banner.style-1 {
    height: 550px;
  }
  .hero-banner.style-1 .title {
    font-size: 38px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-banner.style-1 {
    height: auto;
    padding-top: 120px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-banner.style-1 {
    padding-top: 100px;
  }
  .hero-banner.style-1 .title {
    font-size: 32px;
  }
}
@keyframes identifier {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1480px) {
}

.section-head {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .section-head {
    margin-bottom: 20px;
  }
}
.section-head h2{
  font-size: 2.625rem;
  font-weight: 500;
  line-height: 1.3;
}
@media only screen and (max-width: 1480px) {
  .section-head h2{
    font-size: 2.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .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;
  }
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
.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;
}
@media only screen and (max-width: 1199px) {
}
.section-head.style-1 [class*=sub-title-icon] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.section-head.style-1 [class*=sub-title-icon] img {
  height: 22px;
  width: 22px;
  display: inline-block;
}
@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;
  }
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1800px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (min-width: 767px) {
}
@media only screen and (max-width: 575px) {
}

@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}

@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}

@keyframes move7 {
  0% {
    transform: translate(0);
  }
  25% {
    transform: translate(-15px, -15px);
  }
  50% {
    transform: translate(-8px, -8px);
  }
  75% {
    transform: translate(-15px, 8px);
  }
  to {
    transform: translate(0);
  }
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@keyframes ticker {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}

select, button {
  padding: 0.6rem 1rem;
  border-radius: 8px;
  border: 1px solid #cfd9e4;
  font-size: 1rem;
  cursor: pointer;
  background: white;
}

[class*=icon-bx-][class*=bg-] a,
[class*=icon-bx-][class*=bg-] span {
  color: #ffffff;
}

[class*=icon-bx-][class*=border-] {
  display: table;
  line-height: normal;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 991px) {
}

@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);
  }
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (min-width: 767px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@keyframes dzShine {
  100% {
    left: 125%;
  }
}

@keyframes animationSignal2 {
  0% {
    opacity: 0.8;
    transform: scale(0.9);
  }
  100% {
    transform: scale(1.9);
    opacity: 0;
  }
}
@media (min-width: 13800px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}

.alert {
  border-radius: 0;
}

.alert[class*=alert-] i {
  margin-right: 8px;
}
.alert[class*=alert-] ul {
  padding-left: 25px;
  margin-top: 10px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}

textarea {
  height: 120px;
  resize: none;
}

input:-internal-autofill-selected {
  background: white !important;
  background-image: none !important;
  color: -internal-light-dark-color(black, white) !important;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.dz-ajax-overlay {
  position: relative;
}
.dz-ajax-overlay .btn:before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  border-radius: 0;
  opacity: 0.8;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 14px;
  font-style: italic;
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <rect x="0" y="13" width="4" height="5" fill="%23fff"> <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0s" dur="0.6s" repeatCount="indefinite"></animate> <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0s" dur="0.6s" repeatCount="indefinite"></animate> </rect> <rect x="10" y="13" width="4" height="5" fill="%23fff"> <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.15s" dur="0.6s" repeatCount="indefinite"></animate> <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.15s" dur="0.6s" repeatCount="indefinite"></animate> </rect> <rect x="20" y="13" width="4" height="5" fill="%23fff"> <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.3s" dur="0.6s" repeatCount="indefinite"></animate> <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.3s" dur="0.6s" repeatCount="indefinite"></animate> </rect> </svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}

@media only screen and (max-width: 575px) {
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 575px) {
}

@media only screen and (max-width: 575px) {
}

: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);
}

@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{
  color: #fff;
}
.btn.btn-primary svg{
  stroke: #fff;
  fill: #fff;
}
.btn.btn-primary svg path{
  stroke: #fff;
  fill: none;
}
.btn.btn-white:hover .text-primary {
  color: #fff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
  color: #fff !important;
}

.btn.btn-white {
  color: var(--bs-secondary);
  background-color: #c2272d;
}
.btn.btn-white .right-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:focus .right-icon, .btn.btn-white:active .right-icon{
  background-color: #fff !important;
  color: var(--bs-secondary);
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}

.btn-lg{
  line-height: 1.223;
}

.btn-icon {
  display: inline-flex;
  align-items: center;
}
.btn-icon i {
  margin-left: 7px;
  font-size: 20px;
}
.btn-icon .right-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{
  transition: all 0.5s;
  margin-left: 0;
}
.btn-icon .right-icon {
  margin: -11px -20px -11px 15px;
}
.btn-icon:hover .right-icon i, .btn-icon:hover .right-icon svg {
  animation: toRightFromLeft 0.3s forwards;
}
.btn-icon.btn-lg .right-icon{
  height: 44px;
  width: 44px;
  min-width: 44px;
  transform: translateY(0);
}
.btn-icon.btn-lg .right-icon{
  margin: -11px -18px -11px 12px;
}
@media only screen and (max-width: 767px) {
  .btn-icon.btn-lg .right-icon{
    margin: -11px -16px -11px 12px;
  }
}

[class*=icon-link-hover-] {
  transition: 0.2s ease-in-out transform;
}
[class*=icon-link-hover-] i {
  display: inline-block;
  transition: 0.2s ease-in-out transform;
  font-size: 16px;
}
.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;
}
@keyframes dzLoadMore {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* =====================
   toLeftFromRight
===================== */
@keyframes toLeftFromRight {
  49% {
    transform: translateX(-100%);
  }
  50% {
    opacity: 0;
    transform: translateX(100%);
  }
  51% {
    opacity: 1;
  }
}
/* =====================
   toRightFromLeft
===================== */
@keyframes toRightFromLeft {
  49% {
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
/* =====================
   toTopRight
===================== */
@keyframes toTopRight {
  49% {
    transform: translate(30px, -30px);
  }
  50% {
    opacity: 0;
    transform: translate(-30px, 30px);
  }
  51% {
    opacity: 1;
  }
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) {
}

.image-tooltip {
  position: absolute;
  opacity: 1;
  left: 20% !important;
  overflow: hidden;
  z-index: 8;
}
@media only screen and (max-width: 1199px) {
  .image-tooltip {
    left: 0 !important;
  }
}

.image-tooltip img {
  scale: 1.2;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s ease-in-out !important;
  border-radius: 15px;
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@keyframes circleWrapper {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes circleWrapper2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.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 li{
    font-size: 15px;
  }
}

.list-check li:before{
  position: absolute;
  left: 0;
  top: 8px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

ul.list-check li:before {
  content: "\f109";
  font-family: flaticon;
  color: var(--bs-primary);
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}

.scroltop {
  background: var(--bs-secondary);
  bottom: 30px;
  color: #fff !important;
  cursor: pointer;
  opacity: 0;
  height: 50px;
  line-height: 32px;
  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);
  transition: all 0.5s;
}
.scroltop.show {
  transform: translateY(0);
  opacity: 1;
}
.scroltop:hover i {
  animation: scrollTop 0.8s forwards;
}
@media only screen and (max-width: 575px) {
  .scroltop {
    width: 35px;
    height: 35px;
    line-height: 35px;
    right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@keyframes scrollTop {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}

@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;
  }
}
@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;
  }
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media (max-width: 1380px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}

.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;
}
@keyframes download1 {
  0%, 10%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-10px);
  }
}


ul cite {
  font-weight: 600;
  color: var(--bs-heading-color);
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}


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;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #000;
  border: 1px solid #000;
}

select:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.3);
}

select {
  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);
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}

@keyframes dzMove1 {
  0% {
    transform: translate(0);
  }
  25% {
    transform: translate(10px, 10px);
  }
  50% {
    transform: translate(5px, 5px);
  }
  75% {
    transform: translate(10px, -5px);
  }
  to {
    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);
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1191px) {
}
@media only screen and (max-width: 575px) {
}
@keyframes upToDown {
  49% {
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes upToRight {
  49% {
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes leftToRight {
  49% {
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes movedelement {
  0% {
    transform: translate(0);
  }
  25% {
    transform: translate(10px, 10px);
  }
  50% {
    transform: translate(5px, 5px);
  }
  75% {
    transform: translate(10px, -5px);
  }
  to {
    transform: translate(0);
  }
}
@keyframes movedelement2 {
  0% {
    transform: translate(0);
  }
  25% {
    transform: translate(-10px, -10px);
  }
  50% {
    transform: translate(-5px, -5px);
  }
  75% {
    transform: translate(-10px, 5px);
  }
  to {
    transform: translate(0);
  }
}
@keyframes movedelement3 {
  0% {
    transform: translate(0);
  }
  25% {
    transform: translate(15px, 15px);
  }
  50% {
    transform: translate(8px, 8px);
  }
  75% {
    transform: translate(15px, -8px);
  }
  to {
    transform: translate(0);
  }
}
@keyframes movedelement4 {
  0% {
    transform: translate(0);
  }
  25% {
    transform: translate(-15px, -15px);
  }
  50% {
    transform: translate(-8px, -8px);
  }
  75% {
    transform: translate(-15px, 8px);
  }
  to {
    transform: translate(0);
  }
}
@keyframes movedelement5 {
  0% {
    transform: translate(0px, -50%);
  }
  25% {
    transform: translate(10px, calc(-50% + 10px));
  }
  50% {
    transform: translate(5px, calc(-50% + 5px));
  }
  75% {
    transform: translate(10px, calc(-50% - 5px));
  }
  to {
    transform: translate(0px, -50%);
  }
}
@keyframes spin {
  100% {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@keyframes spin2 {
  100% {
    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);
  }
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}

@keyframes fadeInSlideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}


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{
  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 p {
  line-height: 1.5;
  color: var(--bs-heading-color);
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 22px;
  font-family: var(--font-family-title);
  font-style: normal;
}

blockquote p cite {
  margin-top: 20px;
}
@media only screen and (max-width: 991px) {
  
  blockquote p {
    font-size: 1.125rem;
  }
}


blockquote.style-1 p {
  color: var(--bs-primary);
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
}


pre {
  margin: 0 0 1.563rem;
  padding: 1.25rem;
  color: #fff;
  background-color: #212326;
  white-space: pre;
  font-size: 0.938rem;
  border-radius: 0.1875rem;
}
@media only screen and (max-width: 575px) {
}

@supports (position: sticky) {
}

@supports (position: sticky) {
}

@supports (position: sticky) {
}
@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width: 1199px) {
}
@media (min-width: 37.5rem) {
}
@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width: 82.5rem) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 61.9375rem) {
}
@media only screen and (max-width: 48.875rem) {
}
@media only screen and (max-width: 37.5rem) {
}

@media only screen and (max-width: 575px) {
}

@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}

@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}

@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 1480px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1480px) {
}

@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (min-width: 1191px) {
}
@media only screen and (min-width: 1191px) {
}
@media only screen and (min-width: 1191px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}

/* WooCommerce Start */
@media only screen and (min-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media (max-width: 1280px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) {
}

.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 {
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.5s;
}

.brand-inline {
  width: auto;
  height: auto;
  margin-right: 24px;
  float: none;
  flex-shrink: 0;
}
.brand-logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
}
.brand-omm {
  color: #c51e2a;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.015em;
  line-height: 1;
  text-shadow: 0 1px 0 #921722, 0 2px 0 rgba(80, 15, 20, 0.25);
}
.brand-omm-mobile {
  display: none;
}
.mobile-menu-heading {
  display: none;
}
.brand-description {
  display: inline-block;
  color: #174d3a;
  font-size: 0.78rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .brand-inline {
    margin-right: 12px;
  }
  .brand-omm {
    font-size: 1.55rem;
  }
  .brand-description {
    font-size: 0.66rem;
    letter-spacing: 0.04em;
  }
}
.sidebar-brand {
  display: inline-flex;
  margin-top: 10px;
}
@media only screen and (max-width: 991px) {
}

.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;
    align-items: center;
    justify-content: space-between;
  }
}
.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);
}
@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;
  }
}
@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;
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}

.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;
  transform: rotate(0deg);
  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;
  transform: rotate(0deg);
  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;
  transform: rotate(135deg);
}
.navicon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.navicon.open span:nth-child(3) {
  top: 23px;
  width: 23px;
  transform: rotate(-135deg);
}

.header-nav {
  padding: 0;
}
.header-nav::-webkit-scrollbar {
  display: none !important;
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
.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;
}
@media only screen and (max-width: 991px) {
  .header-nav .nav > li {
    border-bottom: 1px solid #eee;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
.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;
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
.header-nav .nav > li.active > a {
  color: var(--bs-primary);
}
.header-nav .nav > li:hover > a {
  color: var(--bs-primary);
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
  .header-nav .nav {
    float: none;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1300px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (max-width: 991px) {
}

.header-transparent .main-bar {
  background: transparent;
  box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.header-transparent .container-fluid{
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width: 1380px) {
  .header-transparent .container-fluid{
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .header-transparent .container-fluid{
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header-transparent .is-fixed .nav > li > a {
  color: #444444;
}

.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;
  }
}

.main-bar {
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.is-fixed .main-bar {
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
.site-header.style-2 .logo-header {
  margin-right: 30px;
}
@media only screen and (min-width: 1199px) {
  .site-header.style-2.header-toggle .main-bar {
    padding-left: 80px;
  }
  .site-header.style-2.header-toggle .container-fluid{
    padding-left: calc(var(--spacing) / 2);
  }
}
.site-header.style-2 .container-fluid{
  --spacing: 40px;
  padding-left: var(--spacing);
  padding-right: var(--spacing);
}
@media only screen and (max-width: 1680px) {
  .site-header.style-2 .container-fluid{
    --spacing: 20px;
  }
}
@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.header-transparent {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.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 .main-bar .inner-bar > .logo-header {
  margin-left: 0px;
  margin-right: 24px;
}
.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) {
}
@media only screen and (min-width: 991px) {
}
@media (min-width: 991px) and (max-width: 1380px) {
}
@media only screen and (max-width: 1199px) {
  .site-header.style-2 .extra-nav-left {
    display: none;
  }
}
.site-header.style-3 .logo-header {
  margin-right: 30px;
}
@media only screen and (min-width: 1199px) {
  .site-header.style-3.header-toggle .main-bar {
    padding-left: 80px;
  }
  .site-header.style-3.header-toggle .container-fluid{
    padding-left: calc(var(--spacing) / 2);
  }
}
.site-header.style-3 .extra-nav .extra-cell ul li .btn i {
  font-size: 20px;
  margin-left: 5px;
  color: #fff;
}

.site-header.style-3 .header-nav.w3menu .nav > li > a {
  font-family: var(--bs-body-font-family);
}
.site-header.style-3 .container-fluid{
  --spacing: 80px;
  padding-left: var(--spacing);
  padding-right: var(--spacing);
}
@media only screen and (max-width: 1680px) {
  .site-header.style-3 .container-fluid{
    --spacing: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .site-header.style-3 .container-fluid{
    --spacing: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .site-header.style-3 .container-fluid{
    --spacing: 15px;
  }
}
.site-header.style-3:not(.header-transparent) .main-bar {
  background-color: #fff;
  border-bottom: 1px solid #E6E6E6;
}
.site-header.style-3.header-transparent {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.site-header.style-3 .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-3 .extra-nav .extra-cell > * {
  gap: 45px;
}
@media only screen and (max-width: 1680px) {
  .site-header.style-3 .extra-nav .extra-cell > * {
    gap: 25px;
  }
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (min-width: 991px) {
}
@media (min-width: 991px) and (max-width: 1380px) {
}
@media only screen and (max-width: 1199px) {
  .site-header.style-3 .extra-nav-left {
    display: none;
  }
}

.toggler1 {
  border: 0;
  background-color: transparent;
  outline: 0;
}
.toggler1 span {
  height: 2px;
  background-color: var(--bs-secondary);
  display: block;
  transition: all 0.2s;
}
.toggler1 span:nth-child(1) {
  width: 20px;
}
.toggler1 span:nth-child(2) {
  width: 16px;
  margin: 5px 0;
}
.toggler1 span:nth-child(3) {
  width: 20px;
}
.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;
}
.dz-offcanvas.style-2 .widget .list-check li {
  color: rgba(0, 0, 0, 0.6);
}
.dz-offcanvas.style-2 .widget .list-check li a {
  color: rgba(0, 0, 0, 0.6);
}
.dz-offcanvas.style-2 .widget .list-check li::before {
  color: #000;
}

@media only screen and (min-width: 991px) {
  .header-nav.w3menu {
    flex-basis: 0;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    margin: 0 20px;
  }
}
.header-nav.w3menu .nav {
  padding: 0;
  font-size: 0;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-nav.w3menu {
  min-width: 0;
}
.header-nav.w3menu .nav > li {
  margin: 0px;
  font-weight: 400;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .header-nav.w3menu .nav > li {
    border-bottom: 1px solid #eee;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
.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;
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
.header-nav.w3menu .nav > li.active > a {
  color: var(--bs-primary);
}
.header-nav.w3menu .nav > li:hover > a {
  color: var(--bs-primary);
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
  .header-nav.w3menu .nav {
    float: none;
    padding: 0 20px;
  }
}

.w3menu.w3menu-start {
  justify-content: end;
}
@media only screen and (max-width: 1300px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (min-width: 991px) {
}
.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-overlay {
  opacity: 0.5;
  visibility: visible;
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (min-width: 1300px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (min-width: 991px) and (max-width: 991px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (min-width: 991px) and (max-width: 767px) {
}
@media only screen and (min-width: 991px) and (max-width: 575px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (min-width: 991px) and (max-width: 991px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (min-width: 991px) and (max-width: 767px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (min-width: 991px) and (max-width: 575px) {
}
@media only screen and (min-width: 991px) {
}
@media only screen and (min-width: 991px) and (max-width: 767px) {
}

@media only screen and (min-width: 991px) {
}
@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;
  }
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}

.pharmacy-about {
  position: relative;
  overflow: hidden;
  background: #f5f8f6;
}
.pharmacy-about::before {
  content: "";
  position: absolute;
  top: -190px;
  left: -170px;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(17, 132, 86, 0.08);
  border-radius: 50%;
  box-shadow: 0 0 0 45px rgba(17, 132, 86, 0.025), 0 0 0 90px rgba(17, 132, 86, 0.018);
  pointer-events: none;
}
.pharmacy-about > .container {
  position: relative;
  z-index: 1;
}
.pharmacy-about-copy {
  padding-right: clamp(20px, 5vw, 76px);
}
.pharmacy-about-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: #118456;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.pharmacy-about-kicker::before {
  content: "";
  width: 24px;
  height: 2px;
  background: #e5b42b;
}
.pharmacy-about-copy h1 {
  max-width: 680px;
  color: #123c52;
  font-size: clamp(2.25rem, 4.6vw, 3.7rem);
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 1.08;
}
.pharmacy-about-copy p {
  max-width: 640px;
  color: #65777d;
  font-size: 1rem;
  line-height: 1.8;
}
.pharmacy-about-copy .btn {
  margin-top: 5px;
  border-color: #118456;
  border-radius: 7px;
  color: #fff;
  background: #118456;
  box-shadow: 0 10px 24px rgba(17, 132, 86, 0.18);
}
.pharmacy-about-copy .btn:hover,
.pharmacy-about-copy .btn:focus-visible {
  border-color: #0d6d50;
  color: #fff;
  background: #0d6d50;
}
.pharmacy-note {
  position: relative;
  overflow: hidden;
  min-height: 330px;
  padding: 38px 34px 32px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px 28px 8px 28px;
  color: #fff;
  background: linear-gradient(145deg, #0d6d50 0%, #082d36 85%);
  box-shadow: 0 24px 54px rgba(8, 45, 54, 0.16);
}
.pharmacy-note::after {
  content: "";
  position: absolute;
  top: -98px;
  right: -82px;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(255, 255, 255, 0.035), 0 0 0 56px rgba(255, 255, 255, 0.025);
  pointer-events: none;
}
.pharmacy-note-icon {
  display: grid;
  position: relative;
  z-index: 1;
  width: 54px;
  height: 54px;
  margin-bottom: 27px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 15px;
  color: #d2f1df;
  background: rgba(255, 255, 255, 0.12);
  font-size: 1.35rem;
}
.pharmacy-note-kicker {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 10px;
  color: #a7e2c7;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.pharmacy-note .title {
  position: relative;
  z-index: 1;
  max-width: 340px;
  margin-bottom: 12px;
  color: #fff;
  font-size: clamp(1.45rem, 2.2vw, 1.9rem);
  line-height: 1.2;
}
.pharmacy-note p {
  position: relative;
  z-index: 1;
  max-width: 390px;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.75;
}
.pharmacy-about-points {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.pharmacy-about-points span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #e1f2e9;
  font-size: 0.82rem;
  font-weight: 600;
}
.pharmacy-about-points i {
  color: #a7e2c7;
  font-size: 0.72rem;
}
.pharmacy-stores {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.pharmacy-stores::after {
  content: "";
  position: absolute;
  right: -170px;
  bottom: -280px;
  width: 440px;
  height: 440px;
  border: 1px solid rgba(17, 132, 86, 0.08);
  border-radius: 50%;
  box-shadow: 0 0 0 45px rgba(17, 132, 86, 0.025), 0 0 0 90px rgba(17, 132, 86, 0.018);
  pointer-events: none;
}
.pharmacy-stores > .container {
  position: relative;
  z-index: 1;
}
.pharmacy-stores-heading {
  max-width: 690px;
  margin: 0 auto 36px;
  text-align: center;
}
.pharmacy-stores-heading .pharmacy-about-kicker {
  justify-content: center;
}
.pharmacy-stores-heading .title {
  margin: 0 0 12px;
  color: #123c52;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.04em;
}
.pharmacy-stores-heading p {
  margin: 0;
  color: #65777d;
  line-height: 1.7;
}
.pharmacy-store-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.pharmacy-store-card {
  position: relative;
  overflow: hidden;
  min-height: 0;
  padding: 0;
  border: 1px solid #e5ede9;
  border-radius: 8px 22px 8px 22px;
  background: linear-gradient(145deg, #fff 0%, #f7faf8 100%);
  box-shadow: 0 10px 28px rgba(18, 60, 82, 0.055);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.pharmacy-store-card:hover,
.pharmacy-store-card:focus {
  transform: translateY(-5px);
  border-color: rgba(17, 132, 86, 0.55);
  box-shadow: 0 18px 36px rgba(18, 60, 82, 0.12);
}
.pharmacy-store-image {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 1;
  object-fit: cover;
  object-position: top center;
  transform: scale(1);
  transition: transform 0.6s ease;
}
.pharmacy-store-card:hover .pharmacy-store-image,
.pharmacy-store-card:focus .pharmacy-store-image {
  transform: scale(1.045);
}
.pharmacy-store-card:focus-visible {
  outline: 3px solid #118456;
  outline-offset: 3px;
}
.pharmacy-store-content {
  position: relative;
  /* min-height: 115px; */
  padding: 20px 24px 22px;
}
.pharmacy-store-number {
  position: absolute;
  top: 20px;
  right: 24px;
  color: #9bb4a8;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.pharmacy-store-pin {
  display: grid;
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  place-items: center;
  border-radius: 14px;
  color: #118456;
  background: #e8f4ed;
  font-size: 1.15rem;
}
.pharmacy-store-label {
  display: block;
  margin-bottom: 13px;
  color: #176c4d;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.pharmacy-store-phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #176c4d;
  font-size: 0.88rem;
  font-weight: 700;
  text-decoration: none;
}
.pharmacy-store-phone i {
  font-size: 0.8rem;
}
.pharmacy-store-phone:hover,
.pharmacy-store-phone:focus-visible {
  color: #0b5038;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pharmacy-store-card h3 {
  margin: 0 0 9px;
  color: #173d52;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
}
.pharmacy-store-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.pharmacy-store-title-row h3 {
  flex: 1 1 auto;
}
.pharmacy-store-map-link {
  display: grid;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin-top: 1px;
  place-items: center;
  border: 1px solid #d9ebe1;
  border-radius: 12px;
  color: #118456;
  background: #eaf5ef;
  font-size: 1rem;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
.pharmacy-store-map-link:hover,
.pharmacy-store-map-link:focus-visible {
  color: #fff;
  background: #118456;
  transform: translateY(-2px);
}
.pharmacy-store-map-link:focus-visible {
  outline: 3px solid rgba(17, 132, 86, 0.35);
  outline-offset: 2px;
}
.pharmacy-store-card p {
  margin: 0;
  color: #65777d;
  font-size: 0.87rem;
}
.section-kicker {
  /* display: flex; */
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: #118456;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.section-kicker > span {
  width: 20px;
  height: 2px;
  background: #e5b42b;
}
#medicine-range {
  position: relative;
  overflow: hidden;
  background: #eef4f1 !important;
}
#medicine-range::before {
  content: "";
  position: absolute;
  top: -190px;
  right: -140px;
  width: 440px;
  height: 440px;
  border: 1px solid rgba(17, 132, 86, 0.1);
  border-radius: 50%;
  box-shadow: 0 0 0 45px rgba(17, 132, 86, 0.025), 0 0 0 90px rgba(17, 132, 86, 0.02);
  pointer-events: none;
}
#medicine-range > .container {
  position: relative;
  z-index: 1;
}
#services {
  padding-top: 70px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #082d36 0%, #104a4b 100%) !important;
}
#services > .container {
  position: relative;
  z-index: 1;
}
#services::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -180px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(190, 231, 211, 0.1);
  border-radius: 50%;
  box-shadow: 0 0 0 45px rgba(190, 231, 211, 0.025), 0 0 0 90px rgba(190, 231, 211, 0.018);
  transform: translateY(-50%);
  pointer-events: none;
}
.medicine-range-heading,
.service-section-heading {
  /* display: flex; */
  /* align-items: flex-end; */
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 36px;
  text-align: center;
}
.medicine-range-heading {
  position: relative;
  /* align-items: center; */
  margin-bottom: 42px;
}
.medicine-range-heading .title {
  margin: 0;
  color: #123c52;
  font-size: clamp(2.2rem, 4vw, 3.35rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.05;
}
.service-section-heading .title {
  /* max-width: 540px; */
  margin: 0;
  color: #fff;
  font-size: clamp(2.2rem, 4vw, 3.1rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.05;
}
.medicine-range-heading > p,
.service-section-heading > p {
  max-width: 430px;
  margin: 0 0 4px;
  color: #687981;
  line-height: 1.75;
}
.service-section-heading .section-kicker {
  color: #a7e2c7;
}
.pharmacy-category-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.pharmacy-category {
  position: relative;
  min-height: 245px;
  overflow: hidden;
  padding: 27px 26px 24px;
  border: 1px solid rgba(16, 70, 55, 0.08);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(22, 61, 48, 0.035);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.pharmacy-category::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #118456, #45b98b 60%, #e5b42b);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.28s ease;
}
.pharmacy-category:hover {
  transform: translateY(-5px);
  border-color: rgba(17, 132, 86, 0.2);
  box-shadow: 0 18px 38px rgba(22, 61, 48, 0.1);
}
.pharmacy-category:hover::before {
  transform: scaleX(1);
}
.pharmacy-category-index {
  position: absolute;
  top: 25px;
  right: 25px;
  color: #b2c4bb;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}
.pharmacy-category-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-bottom: 23px;
  border-radius: 15px;
  background: #eaf5ef;
  color: #118456;
  font-size: 20px;
  transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}
.pharmacy-category:hover .pharmacy-category-icon {
  color: #fff;
  background: #118456;
  transform: scale(1.05);
}
.pharmacy-category h3 {
  max-width: 250px;
  margin: 0 0 9px;
  color: #173d52;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.35;
}
.pharmacy-category p {
  max-width: 290px;
  margin: 0;
  color: #65777d;
  font-size: 0.88rem;
  line-height: 1.7;
}
.pharmacy-category-arrow {
  position: absolute;
  right: 25px;
  bottom: 24px;
  color: #9db5a9;
  font-size: 0.82rem;
  transition: color 0.25s ease, transform 0.25s ease;
}
.pharmacy-category:hover .pharmacy-category-arrow {
  color: #118456;
  transform: translate(2px, -2px);
}
.pharmacy-service-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
  position: relative;
}

.pharmacy-service {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 230px;
  padding: 15px;
  border: 1px solid rgba(18, 74, 55, 0.09);
  border-radius: 4px 22px 4px 22px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 12px 30px rgba(20, 58, 45, 0.055);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}
.pharmacy-service:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 42px rgba(20, 58, 45, 0.12);
}
.service-step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  color: #118456;
}
.service-step span {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border: 7px solid #104a4b;
  border-radius: 50%;
  background: #0f7654;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.service-step i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #eaf5ef;
  color: #118456;
  font-size: 18px;
  transition: color 0.25s ease, background 0.25s ease;
}
.pharmacy-service:hover .service-step i {
  color: #fff;
  background: #118456;
}
.service-copy {
  padding-left: 5px;
}
.pharmacy-service h3 {
  margin: 0 0 11px;
  color: #173d52;
  font-size: 1.13rem;
  font-weight: 700;
}
.pharmacy-service p {
  max-width: 360px;
  margin: 0;
  color: #65777d;
  font-size: 0.9rem;
  line-height: 1.7;
}
.pharmacy-safety {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 36px 44px;
  border-left: 5px solid #e5b42b;
  background: linear-gradient(110deg, #eaf4ef 0%, #f4f8f6 100%);
}
.pharmacy-safety > div {
  max-width: 850px;
}
.safety-stamp {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 11px;
  color: #118456;
}
.safety-stamp i {
  font-size: 45px;
}
.safety-stamp span {
  color: #155c44;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}
.pharmacy-contact {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 38px;
  padding: 34px 42px;
  border-radius: 6px 40px 6px 40px;
  background: linear-gradient(115deg, #0a6650 0%, #0d4355 100%);
  color: #fff;
  box-shadow: 0 20px 42px rgba(7, 57, 54, 0.16);
}
.contact-detail {
  display: flex;
  align-items: flex-start;
  gap: 17px;
}
.contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  color: #b1efd0;
  font-size: 18px;
}
.contact-label {
  display: block;
  margin-bottom: 6px;
  color: #b1efd0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.pharmacy-contact h3 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 1.12rem;
}
.pharmacy-contact h3 a {
  color: inherit;
}
.pharmacy-contact p {
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.88rem;
}
.contact-divider {
  width: 1px;
  height: 72px;
  background: rgba(255, 255, 255, 0.25);
}

.doctor-section {
  padding-top: 50px;
  position: relative;
  overflow: hidden;
  background: #f5f8f6 !important;
}
.doctor-section::before,
.doctor-section::after {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(17, 132, 86, 0.045);
  pointer-events: none;
}
.doctor-section::before {
  top: -210px;
  right: -80px;
}
.doctor-section::after {
  bottom: -250px;
  left: -150px;
}
.doctor-section > .container {
  position: relative;
  z-index: 1;
}
.doctor-section-heading .title {
  color: #123c52;
  letter-spacing: 0.04em;
}
.doctor-section-heading p {
  color: #65777d;
}
.doctor-eyebrow {
  display: inline-block;
  color: #118456;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.doctor-card {
  position: relative;
  overflow: hidden;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 18px;
  background: linear-gradient(145deg, #fff 0%, #f3faf7 100%);
  box-shadow: 0 14px 34px rgba(3, 31, 39, 0.18);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.doctor-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  border-radius: 0 0 0 90px;
  background: rgba(29, 151, 105, 0.08);
  transition: transform 0.35s ease;
}
.doctor-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 42px rgba(3, 31, 39, 0.27);
}
.doctor-card:hover::after {
  transform: scale(1.2);
}
.doctor-card-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}
.doctor-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #e1f4eb;
  color: #11734f;
  font-size: 20px;
}
.doctor-specialty {
  padding: 7px 11px;
  border-radius: 999px;
  background: #e7f5ed;
  color: #176c4d;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: right;
}
.doctor-card h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 12px;
  color: #133d53;
  font-size: 1.22rem;
  font-weight: 700;
}
.doctor-credentials {
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  color: #137452;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.6;
}
.doctor-role {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  color: #60717a;
  font-size: 0.9rem;
  line-height: 1.7;
}
.doctor-schedule {
  position: relative;
  z-index: 1;
  margin: 16px 0 0;
  padding: 12px;
  border-radius: 10px;
  background: #eaf5f0;
  color: #145d46;
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.6;
}
.doctor-schedule i {
  margin-right: 5px;
}
.doctor-schedule span {
  padding-left: 20px;
  font-weight: 500;
}
.doctor-appointment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 42px;
  padding: 26px 30px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
}
.doctor-appointment h3 {
  margin-top: 6px;
  color: #fff;
  font-size: 1.35rem;
}
.doctor-call {
  flex: 0 0 auto;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}

@media only screen and (max-width: 575px) {
  .pharmacy-store-grid {
    grid-template-columns: 1fr;
    gap: 13px;
  }
  .pharmacy-store-card {
    min-height: 0;
  }
  .pharmacy-store-content {
    min-height: 0;
    padding: 20px 22px 22px;
  }
  .pharmacy-note {
    min-height: 0;
    padding: 28px 24px 25px;
  }
  .pharmacy-about-copy {
    padding-right: 12px;
  }
  .pharmacy-note-icon {
    margin-bottom: 20px;
  }
  .medicine-range-heading,
  .service-section-heading {
    display: block;
    margin-bottom: 24px;
  }
  .medicine-range-heading > p,
  .service-section-heading > p {
    margin-top: 12px;
  }
  .medicine-range-heading {
    margin-bottom: 26px;
  }
  .pharmacy-category-list {
    grid-template-columns: 1fr;
    gap: 13px;
  }
  .pharmacy-category {
    min-height: 0;
    padding: 23px 22px 26px;
  }
  .pharmacy-service-flow {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .pharmacy-service-flow::before {
    top: 28px;
    bottom: 28px;
    left: 31px;
    right: auto;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, rgba(17, 132, 86, 0.28), rgba(17, 132, 86, 0.08));
  }
  .pharmacy-service {
    min-height: 0;
    flex-direction: column;
    gap: 16px;
    padding: 18px 20px 22px;
  }
  .service-step {
    height: 54px;
  }
  .service-step i {
    width: 40px;
    height: 40px;
    font-size: 17px;
  }
  .service-step span {
    width: 54px;
    height: 54px;
    border-width: 5px;
  }
  .pharmacy-service h3 {
    font-size: 1.05rem;
  }
  .pharmacy-safety {
    align-items: flex-start;
    padding: 24px 20px;
  }
  .safety-stamp {
    flex-direction: column;
    gap: 5px;
  }
  .safety-stamp i {
    font-size: 32px;
  }
  .safety-stamp span {
    font-size: 0.58rem;
  }
  .pharmacy-contact {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 27px 22px;
    border-radius: 6px 28px 6px 28px;
  }
  .contact-divider {
    width: 100%;
    height: 1px;
  }
  .doctor-card {
    padding: 23px;
  }
  .doctor-appointment {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 28px;
    padding: 23px;
  }
  .doctor-call {
    width: 100%;
    justify-content: center;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .medicine-range-heading,
  .service-section-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .medicine-range-heading > p,
  .service-section-heading > p {
    max-width: 600px;
  }
  .pharmacy-category-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  .pharmacy-store-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .pharmacy-category {
    min-height: 235px;
    padding: 24px 22px;
  }
  .pharmacy-store-card {
    min-height: 0;
  }
  .pharmacy-store-content {
    padding: 20px 20px 22px;
  }
  .pharmacy-service-flow {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .pharmacy-service-flow::before {
    top: 28px;
    bottom: 28px;
    left: 31px;
    right: auto;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, rgba(17, 132, 86, 0.28), rgba(17, 132, 86, 0.08));
  }
  .pharmacy-service {
    min-height: 0;
    flex-direction: column;
    padding: 20px 23px 24px;
  }
  .pharmacy-contact {
    gap: 20px;
    padding: 30px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pharmacy-category,
  .pharmacy-category-icon,
  .pharmacy-store-card,
  .pharmacy-service,
  .doctor-card,
  .doctor-card::after {
    transition: none;
  }
  .pharmacy-store-image {
    transition: none;
  }
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1480px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 575px) {
}

@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;
  }
}
@media only screen and (max-width: 575px) {
}

footer {
  background-image: url();
}
@media only screen and (max-width: 767px) {
  footer .row {
    --bs-gutter-x: 10px;
  }
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 767px) {
}

@keyframes btn-hover {
  0% {
    transform: translateY(0%);
  }
  25% {
    transform: translateY(-100%);
  }
  75% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(100%);
  }
}
#bg {
  background-color: #f5f8f6;
  background-attachment: fixed;
  background-size: cover;
}
#responsible-use,
#contact {
  background-color: #f5f8f6 !important;
}
@media only screen and (min-width: 1680px) {
}

@media only screen and (max-width: 1024px) {
}

.omm-footer {
  position: relative;
  overflow: hidden;
  color: #d6e4e5;
  background: #082d36;
}
.omm-footer::after {
  content: "";
  position: absolute;
  right: -170px;
  bottom: 40px;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 50%;
  box-shadow: 0 0 0 45px rgba(255, 255, 255, 0.025), 0 0 0 90px rgba(255, 255, 255, 0.018);
  pointer-events: none;
}
.omm-footer .container {
  position: relative;
  z-index: 1;
}
.omm-footer-upper {
  padding: 54px 0 0;
}
.omm-footer-appointment {
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  /* padding: 15px 38px; */
  border-radius: 18px;
  color: #fff;
  /* background: linear-gradient(112deg, #087c58 0%, #11956b 100%); */
  /* box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18); */
}
.omm-footer-eyebrow {
  display: block;
  /* margin-bottom: 8px; */
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.14em;

}
.omm-footer-appointment-copy h2 {
  margin: 0 0 7px;
  color: #c8f2df;
  font-size: 14px;
  font-weight: 400;
}
.omm-footer-appointment-copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
}
.omm-footer-appointment-link {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 13px;
  min-height: 66px;
  width: 215px;
  padding: 10px 17px 10px 10px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 12px;
  color: #fff;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.omm-footer-appointment-link:hover,
.omm-footer-appointment-link:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
}
.omm-footer-phone-icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 10px;
  color: #087c58;
  background: #fff;
  font-size: 1.1rem;
}
.omm-footer-appointment-link > span:nth-child(2) {
  display: grid;
  gap: 2px;
}
.omm-footer-link-label {
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.75rem;
}
.omm-footer-appointment-link strong {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}
.omm-footer-arrow {
  margin-left: 8px;
  font-size: 0.8rem;
}
.omm-footer-main {
  display: grid;
  grid-template-columns: 1.15fr 0.75fr 1fr;
  gap: 64px;
  padding: 54px 0 46px;
}
.omm-footer-brand {
  align-self: start;
}
.omm-footer-wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  color: #fff;
  font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.14em;
}
.omm-footer-wordmark:hover {
  color: #fff;
}
.omm-footer-wordmark span {
  font-size: 0.94rem;
  font-weight: 600;
}
.omm-footer-company {
  display: block;
  margin-top: 2px;
  color: #8eb3b2;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.2em;
}
.omm-footer-brand p {
  max-width: 330px;
  /* margin: 18px 0 16px; */
  color: #b4cbcc;
  line-height: 1.8;
  font-size: 14px;
}
.omm-footer-store-phone {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #d8efe6;
  font-weight: 600;
}
.omm-footer-store-phone:hover {
  color: #fff;
}
.omm-footer-nav,
.omm-footer-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.omm-footer-nav h2,
.omm-footer-details h2 {
  margin: 0px;
  color: #fff;
  font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.14em;
}
.omm-footer-nav a {
  /* margin-bottom: 10px; */
  color: #b4cbcc;
  transition: color 0.2s ease;
  font-size: 14px;
}
.omm-footer-nav a:hover,
.omm-footer-nav a:focus-visible {
  color: #fff;
}
.omm-footer-details p {
  margin: 0 0 13px;
  color: #b4cbcc;
  line-height: 1.7;
}
.omm-footer-details p strong {
  color: #e4f0ed;
}
.omm-footer-details .omm-footer-disclaimer {
  color: #8eacad;
  font-size: 0.87rem;
}
.omm-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 0 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: #8eacad;
  font-size: 0.82rem;
}

@media only screen and (max-width: 767px) {
  .omm-footer-upper {
    padding-top: 34px;
  }
  .omm-footer-appointment {
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
    padding: 26px;
  }
  .omm-footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 36px 28px;
    padding: 40px 0 34px;
  }
  .omm-footer-brand {
    grid-column: 1 / -1;
  }
}
@media only screen and (max-width: 479px) {
  .omm-footer-appointment {
    padding: 23px 20px;
  }
  .omm-footer-main {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .omm-footer-brand {
    grid-column: auto;
  }
  .omm-footer-bottom {
    flex-direction: column;
    gap: 5px;
  }
}

.pharmacy-banner {
  position: relative;
  z-index: 1;
  background: #082d36;
}
.pharmacy-banner-viewport {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3.027 / 1;
  background: #f4f8f6;
}
.pharmacy-banner-slide {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}
.pharmacy-banner-slide.is-active {
  z-index: 1;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.pharmacy-banner-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.pharmacy-banner-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.pharmacy-banner-controls {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}
.pharmacy-banner-arrow {
  display: grid;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 33px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 50%;
  color: #0b5148;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 5px 18px rgba(5, 32, 37, 0.2);
  transform: translateY(-50%);
  transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  pointer-events: auto;
}
.pharmacy-banner-arrow i {
  display: block;
  margin: -4px;
  line-height: 1;
  text-align: center;
}
.pharmacy-banner-arrow[data-banner-prev] {
  left: 24px;
}
.pharmacy-banner-arrow[data-banner-next] {
  right: 24px;
}
.pharmacy-banner-arrow:hover,
.pharmacy-banner-arrow:focus-visible {
  color: #fff;
  background: #087c58;
  box-shadow: 0 8px 22px rgba(5, 32, 37, 0.3);
}
.pharmacy-banner-dots {
  display: flex;
  position: absolute;
  bottom: 22px;
  left: 50%;
  align-items: center;
  gap: 7px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 20px;
  background: rgba(8, 45, 54, 0.68);
  box-shadow: 0 4px 14px rgba(5, 32, 37, 0.16);
  transform: translateX(-50%);
  pointer-events: auto;
}
.pharmacy-banner-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.45);
  transition: width 0.25s ease, background-color 0.25s ease;
}
.pharmacy-banner-dots button.is-active {
  width: 22px;
  background: #a5e2c7;
}
.pharmacy-banner-call {
  display: inline-flex;
  position: absolute;
  right: 5%;
  bottom: 22px;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 24px;
  color: #082d36;
  background: #fff;
  font-size: 0.88rem;
  font-weight: 700;
  white-space: nowrap;
}
.pharmacy-banner-call:hover,
.pharmacy-banner-call:focus-visible {
  color: #082d36;
  background: #d7f0e4;
}
.enquiry-dialog {
  width: min(650px, calc(100% - 32px));
  max-width: none;
  max-height: min(90vh, 850px);
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 16px;
  color: #173d52;
  background: #fff;
  box-shadow: 0 28px 90px rgba(5, 32, 37, 0.32);
}
.enquiry-dialog::backdrop {
  background: rgba(5, 32, 37, 0.68);
  backdrop-filter: blur(3px);
}
.enquiry-dialog-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px;
  color: #fff;
  background: linear-gradient(115deg, #0d6047 0%, #14805b 100%);
}
.enquiry-dialog-header > div {
  width: 100%;
  text-align: center;
}
.enquiry-dialog-kicker {
  display: block;
  margin-bottom: 7px;
  color: #c4ead8;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.enquiry-dialog-header h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1rem, 4vw, 1.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.enquiry-dialog-description {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.86rem;
  font-weight: 400;
}
.enquiry-dialog-close {
  position: absolute;
  top: 50%;
  right: 32px;
  display: grid;
  flex: 0 0 40px;
  width: 30px;
  height: 30px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  font-size: 0.9rem;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background 160ms ease, border-color 160ms ease;
}
.enquiry-dialog-close i {
  display: block;
  line-height: 1;
}
.enquiry-dialog-close:hover,
.enquiry-dialog-close:focus-visible {
  border-color: rgba(255, 255, 255, 0.65);
  background: rgba(255, 255, 255, 0.24);
}
.enquiry-form {
  display: grid;
  gap: 16px;
  padding: 26px 32px 30px;
}
.enquiry-contact-grid,
.enquiry-request-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.enquiry-contact-grid .enquiry-field {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}
.enquiry-request-grid {
  grid-template-columns: minmax(0, 1fr);
}
.enquiry-field {
  display: grid;
  gap: 8px;
  margin: 0;
  color: #294b43;
  font-size: 0.84rem;
  font-weight: 700;
}
.enquiry-field input:not([type="file"]) {
  width: 100%;
  min-height: 35px;
  padding: 5px 10px;
  border: 1px solid #dce7e1;
  border-radius: 9px;
  color: #173d35;
  background: #fbfdfc;
  font-size: 0.9rem;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}
.enquiry-field input:not([type="file"])::placeholder {
  color: #9aa9a2;
}
.enquiry-field input:focus {
  border-color: #16815a;
  outline: 0;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(22, 129, 90, 0.12);
}
.enquiry-fieldset,
.enquiry-panel {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.enquiry-fieldset legend {
  padding: 0 6px;
  color: #1c4338;
  font-size: 0.9rem;
  font-weight: 700;
}
.enquiry-fieldset legend span,
.enquiry-upload > label span {
  color: #899992;
  font-size: 0.75rem;
  font-weight: 500;
}
.enquiry-medicines {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 6px;
  row-gap: 7px;
  margin-top: 10px;
}
.enquiry-medicines:empty,
.enquiry-prescriptions:empty {
  display: none;
}
.enquiry-medicine-row {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  color: #31564a;
}
.enquiry-medicine-name {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 0.73rem;
  line-height: 1.4;
}
.enquiry-medicine-row:not(:last-child) .enquiry-medicine-name::after {
  content: ",";
}
.enquiry-medicine-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.enquiry-medicine-entry .enquiry-field {
  display: block;
}
.enquiry-medicine-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.enquiry-medicine-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}
.enquiry-medicine-controls input {
  min-width: 0;
  min-height: 35px;
  padding: 5px 10px;
  border: 1px solid #dce7e1;
  border-radius: 9px;
  color: #173d35;
  background: #fbfdfc;
  font-size: 0.9rem;
}
.enquiry-medicine-controls input::placeholder {
  color: #9aa9a2;
}
.enquiry-medicine-controls input:focus {
  border-color: #16815a;
  outline: 0;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(22, 129, 90, 0.12);
}
.enquiry-medicine-controls .enquiry-add-medicine {
  min-height: 35px;
  justify-content: center;
  padding: 0 14px;
}
.enquiry-add-medicine {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border: 1px solid #cce4d6;
  border-radius: 8px;
  color: #146c4c;
  background: #edf7f1;
  font-size: 0.82rem;
  font-weight: 700;
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
}
.enquiry-add-medicine:hover:not(:disabled),
.enquiry-add-medicine:focus-visible {
  color: #fff;
  border-color: #147a55;
  background: #147a55;
}
.enquiry-add-medicine:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.enquiry-medicine-count {
  color: #899992;
  font-size: 0.76rem;
  font-weight: 600;
}
.enquiry-remove-item {
  display: grid;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #74877d;
  background: transparent;
  font-size: 0.82rem;
  line-height: 1;
  cursor: pointer;
  transition: color 160ms ease, background 160ms ease;
}
.enquiry-remove-item i {
  display: block;
  line-height: 1;
}

.enquiry-upload > label {
  color: #1c4338;
  font-size: 0.9rem;
  font-weight: 700;
}
.enquiry-upload {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 8px;
}
.enquiry-upload .enquiry-medicine-heading {
  margin-bottom: 2px;
}
.enquiry-upload input[type="file"] {
  width: 100%;
  min-height: 35px;
  padding: 5px 10px;
  border: 1px dashed #b9d4c5;
  border-radius: 9px;
  color: #60766b;
  background: #f8fbf9;
  font-size: 0.78rem;
}
.enquiry-upload input[type="file"]::file-selector-button {
  margin-right: 10px;
  padding: 2px 10px;
  border: 1px solid #cce4d6;
  border-radius: 7px;
  color: #146c4c;
  background: #edf7f1;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.enquiry-upload small {
  color: #899992;
  font-size: 0.75rem;
  font-weight: 400;
}
.enquiry-prescriptions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 6px;
  row-gap: 7px;
  margin-top: 10px;
  grid-column: 1 / -1;
}
.enquiry-prescription-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  color: #31564a;
  font-size: 0.8rem;
  font-weight: 600;
}
.enquiry-prescription-item > span {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.4;
}
.enquiry-prescription-item:not(:last-child) > span::after {
  content: ",";
}
.enquiry-delivery-note {
  margin: 0;
  padding: 11px 13px;
  border: 1px solid #f0e2c2;
  border-radius: 8px;
  color: #76633b;
  background: #fffaf0;
  font-size: 0.77rem;
  line-height: 1.45;
  grid-column: 1 / -1;
}
.enquiry-form-status {
  margin: 0;
  color: #8b5c10;
  font-size: 0.82rem;
  line-height: 1.5;
  grid-column: 1 / -1;
}
.enquiry-form-status:empty {
  display: none;
}
.enquiry-form-status.is-error {
  color: #a33c32;
}
.enquiry-submit {
  --bs-btn-bg: #147a55;
  --bs-btn-border-color: #147a55;
  --bs-btn-hover-bg: #0e6243;
  --bs-btn-hover-border-color: #0e6243;
  --bs-btn-active-bg: #0e6243;
  --bs-btn-active-border-color: #0e6243;
  justify-self: center;
  min-width: 190px;
  min-height: 44px;
  border-radius: 8px;
  box-shadow: 0 5px 12px rgba(20, 122, 85, 0.18);
  grid-column: 1 / -1;
}
.enquiry-success-dialog {
  width: min(420px, calc(100% - 32px));
  max-width: none;
  padding: 32px;
  border: 1px solid #e3ebe6;
  border-radius: 16px;
  color: #294b43;
  background: #fff;
  box-shadow: 0 24px 70px rgba(5, 32, 37, 0.25);
  text-align: center;
}
.enquiry-success-dialog::backdrop {
  background: rgba(5, 32, 37, 0.68);
  backdrop-filter: blur(3px);
}
.enquiry-success-icon {
  display: grid;
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  place-items: center;
  border-radius: 50%;
  color: #147a55;
  background: #eaf6ef;
  font-size: 1.4rem;
}
.enquiry-success-dialog h2 {
  margin: 0 0 9px;
  color: #173d35;
  font-size: 1.3rem;
  font-weight: 700;
}
.enquiry-success-dialog p {
  margin: 0 0 22px;
  color: #60766b;
  font-size: 0.9rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.enquiry-success-dialog .btn {
  min-width: 120px;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
  background: #147a55;
  border:none;
  font-weight: 700;
}
.enquiry-success-dialog .btn:hover,
.enquiry-success-dialog .btn:focus-visible {
  color: #fff;
  background: #0e6243;
}
@media only screen and (max-width: 575px) {
  .enquiry-request-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .enquiry-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .enquiry-contact-grid .enquiry-field {
    grid-template-columns: 1fr;
    min-width: 0;
    gap: 6px;
    font-size: 0.76rem;
  }
  .enquiry-contact-grid .enquiry-field input {
    min-width: 0;
    min-height: 42px;
    padding: 9px 8px;
    font-size: 0.75rem;
  }
  .enquiry-medicine-entry {
    grid-template-columns: 1fr;
  }
  .enquiry-medicine-controls {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .enquiry-upload {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .pharmacy-banner-arrow[data-banner-prev] {
    left: 14px;
  }
  .pharmacy-banner-arrow[data-banner-next] {
    right: 14px;
  }
  .pharmacy-banner-call {
    right: 3%;
    bottom: 18px;
  }
}
@media only screen and (max-width: 479px) {
  .enquiry-dialog {
    width: calc(100% - 20px);
    max-height: 94vh;
    border-radius: 14px;
  }
  .enquiry-dialog-header {
    padding: 21px 20px;
  }
  .enquiry-dialog-close {
    right: 20px;
  }
  .enquiry-form {
    gap: 15px;
    padding: 20px;
  }
  .enquiry-dialog-description {
    max-width: 280px;
    font-size: 0.8rem;
    line-height: 1.45;
  }
  .pharmacy-banner-arrow {
    width: 34px;
    height: 34px;
    font-size: 0.78rem;
  }
  .pharmacy-banner-arrow[data-banner-prev] {
    left: 8px;
  }
  .pharmacy-banner-arrow[data-banner-next] {
    right: 8px;
  }
  .pharmacy-banner-dots {
    bottom: 7px;
    gap: 5px;
    padding: 6px 9px;
  }
  .pharmacy-banner-dots button {
    width: 6px;
    height: 6px;
  }
  .pharmacy-banner-dots button.is-active {
    width: 15px;
  }
  .pharmacy-banner-call {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pharmacy-banner-slide,
  .pharmacy-banner-slide img,
  .pharmacy-banner-arrow,
  .pharmacy-banner-dots button {
    animation: none;
    transition: none;
  }
}
@media only screen and (min-width: 1200px) {
  .site-header .mobile-enquiry-action {
    display: none;
  }
  .site-header .main-bar .inner-bar {
    min-height: 80px;
    gap: 12px;
  }
  .site-header .main-bar .inner-bar > .logo-header {
    flex: 0 0 auto;
    max-width: 290px;
  }
  .site-header .extra-nav {
    flex: 0 0 auto;
    float: none;
    height: 80px;
    padding-left: 0;
  }
  .site-header .extra-nav .extra-cell > * {
    margin-left: 0;
  }
  .site-header .w3menu-toggler,
  .site-header .menu-close {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .site-header {
    background: #fff;
    box-shadow: 0 2px 14px rgba(12, 48, 36, 0.08);
  }
  .site-header .main-bar,
  .site-header.header-transparent .main-bar {
    width: 100%;
    background: #fff;
    border-bottom: 0 !important;
    box-shadow: none;
  }
  .site-header .main-bar .inner-bar {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 20px;
  }
  .site-header .extra-nav-left {
    display: none !important;
  }
  .site-header .main-bar .inner-bar > .logo-header {
    width: auto;
    max-width: calc(100% - 150px);
    height: auto;
    min-width: 0;
    margin: 0 !important;
    flex: 1 1 auto;
  }
  .site-header .brand-logo {
    max-width: 100%;
    min-width: 0;
  }
  .site-header .brand-omm-desktop {
    display: none;
  }
  .site-header .brand-omm-mobile {
    display: block;
    overflow: visible;
    font-size: clamp(0.9rem, 3.8vw, 1.1rem);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: 0.005em;
    white-space: nowrap;
  }
  .site-header .w3menu-toggler.navicon {
    display: block;
    width: 44px;
    height: 44px;
    min-width: 44px;
    margin: 0;
    padding: 0;
    float: none;
    flex: 0 0 44px;
    border-radius: 9px;
  }
  .site-header .w3menu-toggler.navicon span {
    left: 50%;
    transform: translateX(-50%);
  }
  .site-header .w3menu-toggler.navicon.open span:nth-child(1) {
    transform: translateX(-50%) rotate(135deg);
  }
  .site-header .w3menu-toggler.navicon.open span:nth-child(2) {
    left: -60px;
    transform: none;
  }
  .site-header .w3menu-toggler.navicon.open span:nth-child(3) {
    transform: translateX(-50%) rotate(-135deg);
  }
  .site-header .extra-nav {
    position: static;
    display: flex;
    width: auto;
    height: auto;
    padding: 0;
    float: none;
    flex: 0 0 auto;
    background: transparent;
    box-shadow: none;
    transition: none;
  }
  .site-header .extra-nav .extra-cell {
    width: auto;
  }
  .site-header .extra-nav .extra-cell > * {
    margin: 0;
  }
  .site-header .extra-nav .btn {
    min-height: 42px;
    padding: 9px 14px;
    border-radius: 8px;
    font-size: 0.84rem;
    white-space: nowrap;
  }
  .header-nav.w3menu.mo-left {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    display: flex;
    flex-direction: column;
    width: min(340px, 88vw);
    height: 100vh !important;
    height: 100dvh !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 22px 24px;
    background: #fff;
    box-shadow: 16px 0 44px rgba(9, 39, 29, 0.2);
    transform: translateX(-105%);
    transition: transform 240ms ease;
  }
  .header-nav.w3menu.mo-left.show {
    left: 0;
    transform: translateX(0);
  }
  .header-nav.w3menu .mobile-menu-heading {
    display: block;
  }
  .header-nav.w3menu .mobile-menu-heading {
    margin: 0 -22px 12px;
    padding: 15px 30px;;
    background: linear-gradient(125deg, #0d6047 0%, #16845c 100%);
  }
  .header-nav.w3menu .mobile-menu-heading .brand-logo {
    display: inline-flex;
    max-width: 100%;
  }
  .header-nav.w3menu .mobile-menu-heading .brand-omm {
    color: #fff;
    font-size: 1.03rem;
    line-height: 1.3;
    letter-spacing: 0.015em;
    text-shadow: none;
    white-space: normal;
  }
  .header-nav.w3menu .mobile-menu-tagline {
    display: block;
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.72rem;
    letter-spacing: 0.02em;
  }
  .header-nav.w3menu .nav {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    padding: 0;
  }
  .header-nav.w3menu .nav > li {
    width: 100%;
    border: 0;
  }
  .header-nav.w3menu .nav > li > a {
    display: flex;
    min-height: 46px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 8px;
    color: #294b40;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.35;
    transition: color 160ms ease, background 160ms ease, padding 160ms ease;
  }
  .header-nav.w3menu .nav > li > a:hover,
  .header-nav.w3menu .nav > li.active > a {
    color: #147a55;
    background: #edf7f1;
  }
  .header-nav.w3menu .nav > li > a:active {
    padding-left: 16px;
  }
  .site-header .mobile-enquiry-action {
    display: block;
    margin-top: auto;
    padding: 22px 0 2px;
  }
  .site-header .mobile-enquiry-action .btn {
    width: 100%;
    min-height: 48px;
    justify-content: center;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(110deg, #147a55, #0d6047);
    box-shadow: 0 8px 18px rgba(20, 122, 85, 0.2);
    font-size: 0.9rem;
    font-weight: 700;
  }
  .site-header .mobile-enquiry-action .btn:hover,
  .site-header .mobile-enquiry-action .btn:focus-visible {
    background: #0d6047;
  }
  .site-header .mobile-enquiry-action .btn::after {
    content: "\f061";
    margin-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-size: 0.78rem;
    font-weight: 900;
  }
  .site-header > .sticky-header .main-bar .inner-bar > .extra-nav {
    display: none;
  }
  .site-header .menu-close.fade-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(7, 26, 20, 0.48);
    opacity: 0;
    visibility: hidden;
    transition: opacity 240ms ease, visibility 240ms ease;
  }
  .site-header .w3menu-toggler.open ~ .menu-close.fade-overlay {
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (max-width: 575px) {
  .site-header .main-bar .inner-bar {
    min-height: 64px;
    gap: 7px;
    padding: 8px 12px;
  }
  .site-header .main-bar .inner-bar > .logo-header {
    max-width: calc(100% - 55px);
  }
  .site-header .brand-omm-mobile {
    font-size: clamp(0.82rem, 4.1vw, 1rem);
  }
  .site-header .w3menu-toggler.navicon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    flex-basis: 42px;
  }
  .site-header .navicon span:nth-child(1) {
    top: 11px;
  }
  .site-header .navicon span:nth-child(2) {
    top: 20px;
  }
  .site-header .navicon span:nth-child(3) {
    top: 29px;
  }
  .site-header .navicon.open span:nth-child(1),
  .site-header .navicon.open span:nth-child(3) {
    top: 20px;
  }
}
@media only screen and (max-width: 359px) {
  .site-header .main-bar .inner-bar {
    gap: 5px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .site-header .main-bar .inner-bar > .logo-header {
    max-width: calc(100% - 52px);
  }
  .site-header .brand-omm-mobile {
    font-size: 0.78rem;
  }
}
/*# sourceMappingURL=style.css.map */