@charset "UTF-8";


/*!
 * Bootswatch v5.3.3 (https://bootswatch.com)
 * Theme: cerulean
 * Copyright 2012-2024 Thomas Park
 * Licensed under MIT
 * Based on Bootstrap
*/
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 
:root,
[data-bs-theme=light] {
  --bs-primary: #69C7C2; /*#2fa4e7; #D81324*/
  --bs-nav-bar-custom: var(--bs-primary);
  --bs-secondary: #0B2154 ;/*#e9ecef;*/
  --bs-success: #73a839;
  --bs-info: #033c73;
  --bs-warning: #dd5600;
  --bs-danger: #c71c22;
  --bs-light: #F2F2F2; /*#f8f9fa;*/
  --bs-dark: #111111; /*#343a40;*/
  --light: var(--bs-light);
  --dark: var(--bs-dark);
  --bs-primary-rgb: 105, 199, 194; /*47, 164, 231; 216, 16, 36;*/
  --bs-secondary-rgb: 0, 0, 139;
  --bs-success-rgb: 115, 168, 57;
  --bs-info-rgb: 3, 60, 115;
  --bs-warning-rgb: 221, 86, 0;
  --bs-danger-rgb: 199, 28, 34;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 52, 58, 64;
  --bs-blue: #033c73;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #c71c22;
  --bs-orange: #fd7e14;
  --bs-yellow: #dd5600;
  --bs-green: #73a839;
  --bs-teal: #20c997;
  --bs-cyan: #2fa4e7;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #868e96;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #868e96;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;

  --bs-primary-text-emphasis: #13425c;
  --bs-secondary-text-emphasis: #5d5e60;
  --bs-success-text-emphasis: #2e4317;
  --bs-info-text-emphasis: #01182e;
  --bs-warning-text-emphasis: #582200;
  --bs-danger-text-emphasis: #500b0e;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #d5edfa;
  --bs-secondary-bg-subtle: #fbfbfc;
  --bs-success-bg-subtle: #e3eed7;
  --bs-info-bg-subtle: #cdd8e3;
  --bs-warning-bg-subtle: #f8ddcc;
  --bs-danger-bg-subtle: #f4d2d3;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #acdbf5;
  --bs-secondary-border-subtle: #f6f7f9;
  --bs-success-border-subtle: #c7dcb0;
  --bs-info-border-subtle: #9ab1c7;
  --bs-warning-border-subtle: #f1bb99;
  --bs-danger-border-subtle: #e9a4a7;
  --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: Poppins, 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: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #495057;
  --bs-body-color-rgb: 73, 80, 87;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #596277;
  --bs-emphasis-color-rgb: 89, 98, 119;
  --bs-secondary-color: rgba(73, 80, 87, 0.75);
  --bs-secondary-color-rgb: 73, 80, 87;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(73, 80, 87, 0.5);
  --bs-tertiary-color-rgb: 73, 80, 87;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: #0B2154; /*#2fa4e7;*/
  --bs-heading-custom-carousel-color: #fff;
  --bs-link-color: #69C7C2;  /*#2fa4e7;  #d81234;*/
  --bs-link-color-rgb: 216, 18, 52; /*47, 164, 231;*/
  --bs-link-decoration: underline;
  --bs-link-hover-color: #69C7C2;/*#2683b9; #d81234; */
  --bs-link-hover-color-rgb: 216, 18, 52; /*38, 131, 185;*/
  --bs-code-color: #e83e8c;
  --bs-highlight-color: #495057;
  --bs-highlight-bg: #f8ddcc;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --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 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --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(47, 164, 231, 0.25);
  --bs-form-valid-color: #73a839;
  --bs-form-valid-border-color: #73a839;
  --bs-form-invalid-color: #c71c22;
  --bs-form-invalid-border-color: #c71c22;
}


[data-bs-theme=darker] {
  --bs-blue: #2a9fd6;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #c00;
  --bs-orange: #fd7e14;
  --bs-yellow: #f80;
  --bs-green: #77b300;
  --bs-teal: #20c997;
  --bs-cyan: #93c;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #555;
  --bs-gray-dark: #222;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #adafae;
  --bs-gray-500: #888;
  --bs-gray-600: #555;
  --bs-gray-700: #282828;
  --bs-gray-800: #222;
  --bs-gray-900: #212529;
  --bs-primary: #2a9fd6;
  --bs-secondary: #555;
  --bs-success: #77b300;
  --bs-info: #93c;
  --bs-warning: #f80;
  --bs-danger: #c00;
  --bs-light: #222;
  --bs-dark: #adafae;
  --bs-primary-rgb: 42, 159, 214;
  --bs-secondary-rgb: 85, 85, 85;
  --bs-success-rgb: 119, 179, 0;
  --bs-info-rgb: 153, 51, 204;
  --bs-warning-rgb: 255, 136, 0;
  --bs-danger-rgb: 204, 0, 0;
  --bs-light-rgb: 34, 34, 34;
  --bs-dark-rgb: 173, 175, 174;
  --bs-primary-text-emphasis: #114056;
  --bs-secondary-text-emphasis: #222222;
  --bs-success-text-emphasis: #304800;
  --bs-info-text-emphasis: #3d1452;
  --bs-warning-text-emphasis: #663600;
  --bs-danger-text-emphasis: #520000;
  --bs-light-text-emphasis: #282828;
  --bs-dark-text-emphasis: #282828;
  --bs-primary-bg-subtle: #d4ecf7;
  --bs-secondary-bg-subtle: #dddddd;
  --bs-success-bg-subtle: #e4f0cc;
  --bs-info-bg-subtle: #ebd6f5;
  --bs-warning-bg-subtle: #ffe7cc;
  --bs-danger-bg-subtle: #f5cccc;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #adafae;
  --bs-primary-border-subtle: #aad9ef;
  --bs-secondary-border-subtle: #bbbbbb;
  --bs-success-border-subtle: #c9e199;
  --bs-info-border-subtle: #d6adeb;
  --bs-warning-border-subtle: #ffcf99;
  --bs-danger-border-subtle: #eb9999;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #888;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #adafae;
  --bs-body-color-rgb: 173, 175, 174;
  --bs-body-bg: #060606;
  --bs-body-bg-rgb: 6, 6, 6;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(173, 175, 174, 0.75);
  --bs-secondary-color-rgb: 173, 175, 174;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(173, 175, 174, 0.5);
  --bs-tertiary-color-rgb: 173, 175, 174;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: #fff;
  --bs-heading-custom-carousel-color: var(--bs-heading-color);
  --bs-link-color: #2a9fd6;
  --bs-link-color-rgb: 42, 159, 214;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #227fab;
  --bs-link-hover-color-rgb: 34, 127, 171;
  --bs-code-color: #e83e8c;
  --bs-highlight-color: #adafae;
  --bs-highlight-bg: #ffe7cc;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --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 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --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(42, 159, 214, 0.25);
  --bs-form-valid-color: #77b300;
  --bs-form-valid-border-color: #77b300;
  --bs-form-invalid-color: #c00;
  --bs-form-invalid-border-color: #c00;
  --bs-nav-bar-custom: var(--bs-primary);
  
}

body {
  height: 100vh;
}

.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5 {
  color: var(--bs-heading-custom-carousel-color);
}
.carousel .carousel-caption {
  color: var(--bs-heading-custom-carousel-color);
  top: 10%;
}

.carousel-caption h5 {
  font-size: min(max(1rem, 4vw), 54px);
}

/*media break*/
@media screen and (max-width: 767px) {
      .carousel-caption h5 {
      margin-bottom: 1rem;
      }
  }

@media screen and (min-width: 768px) {
      .carousel-caption h5 {
      margin-bottom: 2rem;
      }
  }

@media screen and (min-width: 768px) {
      .carousel-caption p {
      margin-bottom: 18rem;
      }
  }

/* overrides  */

.service .nav .nav-link h1,
.service .nav .nav-link h2,
.service .nav .nav-link h3,
.service .nav .nav-link h4,
.service .nav .nav-link h5
{
color: #0B2154;
}

.service .nav .nav-link {
background: var(--light);
transition: .5s;
}

.service .nav .nav-link.active h4,
.shopinfo .nav-link.active h4
{
color: #FFFFFF !important;
}

h2, .h2 {
--minFontSize: 20px;
--maxFontSize: 32px;
--scaler: 10vw;
font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
}

.navbar {
--bs-navbar-active-color: var(--bs-nav-bar-custom);
--bs-navbar-hover-color: var(--bs-nav-bar-custom);
}

.nav-pills {
--bs-nav-pills-link-active-bg: var(--bs-nav-bar-custom) ;
--bs-nav-pills-custom-link-active-color: #fff;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: var(--bs-nav-pills-custom-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg);
}

/* overrides end */