/* ============================ */
/* GLOBAL RESET & BASE STYLES  */
/* ============================ */

/* UNIVERSAL SELECTOR: Reset default styles and set font & box model */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: "DM Sans", sans-serif;
  box-sizing: border-box;
/*  outline: none;*/
  border: 0px solid blue;  /* Debug border (commented out) */
}
/* REMOVE UNDERLINES FROM LINKS */
a {
  text-decoration: none !important;
}
/* MAKE COMMON ELEMENTS INLINE BLOCK */
a, img, i, button, input, span {
  display: inline-block;
}
/* REMOVE BULLETS FROM LISTS */
ul, li {
  list-style-type: none;
}
/* SET DEFAULT CURSOR FOR SPANS */
span {
  cursor: text;
}
/* MAIN PAGE WRAPPER WITH SIDE PADDING */
.wrapper {
  padding: 0px 160px;
  cursor: context-menu;
}

/* ============================ */
/* CSS VARIABLES (THEME COLORS, FONTS, ANIMATIONS) */
/* ============================ */

:root {
  --text-gray: #838383;
  --basic-text-color: white;
  --bg-white: white;
  --bg-black: black;
  --text-white: white;
  --text-black: black;
  --thick-font: "Quicksand", sans-serif;
  --input-color:  #333333;
  --slide-in-left: slide-left 4s ease 0s 1 normal forwards;
  --slide-in-right: slide-right 4s ease 0s 1 normal forwards;
  --animation-timeline-for-scroll: view();
  --animation-range-for-scroll: entry 0% cover 40%;
  --heading-font:  "Emblema One", system-ui;
  --heading-font-two: "Oswald", sans-serif;
}

/* ============================ */
/* HEADER STYLES (TOP SECTION) */
/* ============================ */

/* HEADER START */
/* TOP HEADER STYLING */
.top-header {
  background-color: var(--bg-black);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
/* SOCIAL ICONS WRAPPER */
.social-icons {
  background-color: var(--bg-black);
  animation: socialandham 2s ease 0s 1 normal forwards;
}
/* ANIMATION FOR SOCIAL ICONS */
@keyframes socialandham {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* SOCIAL MEDIA ICONS BASE STYLE */
.fa-brands {
  border: 2px solid #666666;
  border-radius: 50%;
  transition: background-color 1s ease 0s;
  padding: 6px 8px;
}
/* '@' ICON STYLE */
.at-the-rate-of {
  border: 2px solid #666666;
  border-radius: 50%;
  transition: background-color 1s ease 0s;
  padding: 4px 7px;
  font-weight: bold;
}
/* FACEBOOK ICON SPECIAL PADDING */
.fa-facebook-f {
  padding: 6px 10px;
}
/* HOVER COLORS FOR SOCIAL MEDIA ICONS */
.fa-facebook-f:hover {
  background-color: #139EF8;
}
.fa-twitter:hover {
  background-color: #1C9CEA;
}
.fa-instagram:hover {
  background-color: red;
}
.fa-pinterest:hover {
  background-color: red;
}
.at-the-rate-of:hover {
  background-color: #940F4B;
}
.fa-linkedin-in:hover {
  background-color: #0077B5;
}
/* ICON COLOR AND CURSOR BEHAVIOR */
.top-header-icons {
  color: var(--text-white);
  cursor: pointer;
}
.header-icons {
  cursor: pointer;
}

/* ============================ */
/* HAMBURGER MENU (FOR MOBILE) */
/* ============================ */

.top-header-ham {
  color: white;
  padding: 15px 0px;
  display: none;
  justify-content: space-between;
  align-items: center;
  animation: socialandham 2s ease 0s 1 normal forwards;
}
/* HAMBURGER ICON LINES */
.hamburger {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  width: 30px;
  height: 25px;
  justify-content: space-between;
}
.hamburger span {
  height: 3px;
  width: 100%;
  background: white;
  border-radius: 2px;
  transition: 0.4s;
}
/* HAMBURGER TO CROSS ANIMATION */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

/* ============================ */
/* SIDEBAR MENU (TOGGLEABLE) */
/* ============================ */

.sidebar.open {
  left: 0;
}
/* SIDEBAR BASE STYLE */
.sidebar {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  max-height: 100%;
  background: white;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
  transition: left 0.3s ease;
  z-index: 1000;
  padding: 20px;
  overflow: scroll;
  animation: sidebar 1s ease 0s 1 normal forwards;
  transition: 0.3s;
}
/* SIDEBAR SLIDE-IN ANIMATION */
@keyframes sidebar {
  0% {
    opacity: 0;
    transform: translateX(-250px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* SEARCH BOX INSIDE SIDEBAR */
.search-box-side-bar {
  width: 90%;
  max-width: 90%;
  margin-bottom: 15px;
  display: flex;
}
.search-box-side-bar > input {
  width: 100%;
}
/* ========================= */
/* LOGO STYLING & ANIMATION */
/* ========================= */

/* Aligns logo container centrally with fixed width and spacing */
.logo-link {
  display: flex;
  justify-content: center;
  width: 300px;
  margin-right: 115px;
  padding: 10px 0px;
}

/* Logo image scales to container and animates on load */
.sadna-logo {
  width: 100%;
  max-width: 100%;
  object-fit: fit;
  animation: logo 2s ease-in 0s 1 normal forwards;
}

/* Logo entrance animation (fade + drop-in) */
@keyframes logo {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/* ============================= */
/* SEARCH BOX & TOGGLE FUNCTION */
/* ============================= */

/* Wrapper for the search feature */
.search-box {
  position: relative;
}

/* Displays the search toggle when active class is added */
.search-box.active .toggle-search {
  display: block;
}

/* Fullscreen search overlay */
.toggle-search {
  display: none;
  position: fixed;
  top: 176px;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  background-color: var(--bg-white);
  animation: toggle-search 1s ease 0s 1 normal forwards;
}

/* Slide-up fade-in animation for search panel */
@keyframes toggle-search {
  0% {
    opacity: 0;
    transform: translateY(250px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Center the search input inside the panel */
.inner-toggle-search form{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px 0px;
  height: 45%;
  flex-direction: column;
}

/* Search input styling */
.input-text {
  background-color: var(--bg-white);
  border-bottom: 1px solid var(--text-gray);
  width: 300px;
  color: var(--input-color);
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  transition: none;
}

/* Placeholder matches input styling */
.input-text::placeholder {
  color: var(--input-color);
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.inner-toggle-bottom {
  display: flex;
  margin-top: 30px;
  gap: 20px;
}

/* Search button animation */
.search-button-link {
  animation: search-button 2s ease-in 0s 1 normal forwards;
}

/* Keyframes for search button entrance */
@keyframes search-button {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Close icon style */
.fa-xmark {
  color: var(--text-black);
  background-color: var(--bg-white);
  font-size: 50px;
}

/* Close icon hover effect */
.fa-xmark:hover {
  color: #A0A0A0;
}

/* Background for close (X) button container */
.cross-button {
  background-color: var(--bg-white);
}

/* Hover effect for search button */
.search-button-link:hover {
  color: #A0A0A0;
}


/* ============================= */
/* RESPONSIVE HEADER STYLING    */
/* ============================= */

/* Small devices (portrait phones ≤600px) */
@media only screen and (max-width: 600px) {
  .top-header {
    justify-content: space-between;
  }
  .social-icons {
    display: none;
  }
  .wrapper {
    padding: 0px 20px;
  }
  .top-header-ham {
    display: block;
  }
  .toggle-search {
    display: none;
  }

  .logo-link {
    margin-right: 0;
    width: 200px;
  }
  .sadna-logo {
    width: 100%;
    max-width: 100%;
  }
  .sidebar.open {
    display: block;
  }
}

/* Small devices (landscape phones 601px–767px) */
@media only screen and (min-width: 601px) and (max-width: 767px) {
  .top-header {
    justify-content: space-between;
  }
  .social-icons {
    display: none;
  }
  .wrapper {
    padding: 0px 60px;
  }
  .top-header-ham {
    display: block;
  }
  .toggle-search {
    display: none;
  }
  .logo-link {
    margin-right: 0;
    width: 30%;
    max-width: 30%;
  }
  .sadna-logo {
    width: 100%;
    max-width: 100%;
  }
  .sidebar.open {
    display: block;
  }
}

/* Extra small devices (≤320px) */
@media (max-width: 320px) {
  .fa-magnifying-glass {
    font-size: 20px;
  }
}

/* Mobile phones ≤600px — font resizing only */
@media (max-width: 600px) {
  .fa-magnifying-glass {
    font-size: 20px;
  }
}

/* Tablets (portrait 768px–1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .top-header {
    justify-content: space-between;
  }
  .social-icons {
    display: none;
  }
  .wrapper {
    padding: 0px 80px;
  }
  .top-header-ham {
    display: block;
  }
  .toggle-search {
    display: none;
  }
  .logo-link {
    margin-right: 0;
    width: 28%;
    max-width: 28%;
  }
  .sadna-logo {
    width: 100%;
    max-width: 100%;
  }
  .sidebar.open {
    display: block;
  }
}

/* Tablets (landscape 1025px–1280px) */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .top-header {
    justify-content: space-between;
  }
  .social-icons {
    display: none;
  }
  .wrapper {
    padding: 0px 100px;
  }
  .top-header-ham {
    display: block;
  }
  .toggle-search {
    display: none;
  }
  .logo-link {
    margin-right: 0;
    width: 25%;
  }
  .sadna-logo {
    width: 100%;
    max-width: 100%;
  }
  .sidebar.open {
    display: block;
  }
}

/* Small laptops / large tablets (1281px–1366px) */
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
  .wrapper {
    padding: 0px 160px;
  }
}


/* ======================== */
/* LOWER HEADER + DROPDOWN */
/* ======================== */

/* Container for dropdown section below top nav */
.lower-header {
  background-color: #525252;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Positions each dropdown relative to header */
.lower-header > .drop-down {
  position: relative;
}

/* Base sub-menu hidden by default */
.sub-menu {
  display: none;
  position: relative;
  z-index: 1000;
  animation: drop-menu 350ms ease-in-out 0s 1 normal forwards;
}

/* Dropdown slide-fade animation */
@keyframes drop-menu {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Inner menu list for dropdown options */
.sub-sub {
  position: absolute;
  top: 0;
  min-width: 200px; 
  display: flex;
  flex-direction: column;
  gap: 5px;
  background-color: var(--bg-white);
  padding: 10px 0;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}


/* MAIN NAV LINK STYLING */
.lower-header > .drop-down > .nav-link {
	padding: 12px 6px;
	color: white;
	font-weight: 600;
	font-size: 14px;
  text-transform: uppercase;
  border: 0px solid red;
	animation: nav-link 2s ease 0s 1 normal forwards;
}

/* NAV LINK FADE-IN */
@keyframes nav-link {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* NAV LINK HOVER COLOR */
.lower-header > .drop-down > .nav-link:hover {
	color: #A0A0A0;
}

/* CHEVRON ICON IN NAV */
.fa-chevron-down {
	color: var(--text-gray);
	font-size: 14px;
	transform: rotate(90deg);
	transition: .3s;
}

/* ROTATE CHEVRON ON HOVER */
.nav-link:hover > .fa-chevron-down {
	transform: rotate(0deg);
}

/* SUBMENU LINK STYLE */
.sub-menu .nav-sub-link {
	text-decoration: none;
	color: var(--text-gray);
	padding:3px 10px;
  border: 0px solid red;
  font-size: 14px;
  display: block;
  margin:0;
}

/* HOVER COLOR FOR SUBMENU LINKS */
.nav-sub-link:hover {
	color: black;
  background-color: #efefef;
	transition: .2s;
}

/* SHOW SUBMENU ON HOVER */
.lower-header > .drop-down:hover .sub-menu {
	display: block;
	transition: .2s;
}

/* ========== RESPONSIVE LOWER HEADER STYLES ========== */

/* Tablets (Landscape) */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  /* Styles for tablets (landscape) */
  .lower-header{
  	display: none;
  }
}

/* Tablets (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.lower-header{
		display: none;
	}
}

/* Laptops / Desktop */
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  /* Styles for laptops and smaller desktop screens */
  .nav-link{
  	font-size: 14px;
  }
}

/* Mobile Devices (Landscape) */
@media only screen and (min-width: 601px) and (max-width: 767px) {
	.lower-header{
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	.lower-header{
		display: none;
	}
}




/*				 			  		HOME PAGE CSS START									*/
/* HOME PAGE MAIN SLIDER CAROUSEL CSS	*/
/* MAIN SLIDER IMAGE CSS */
.main-slider-carousel, .owl-stage, .owl-stage-outer {
  height: 89vh;
  max-height: 89vh;
  position: relative;
}

/* SLIDER LINKS STYLING */
.main-slider-carousel .owl-slider-link {
  width: 100vw;
  max-width: 100vw;
  height: 89vh;
  position: relative;
  overflow: hidden;
}

/* Adjust the image wrapper to preserve aspect ratio */
.main-slider-carousel .owl-item img {
/*  width: 100%;*/
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain; /* Maintain full image visibility */
  object-position: center center; /* Center the image */
}

/* SLIDER NAVIGATION */
.main-slider-carousel .owl-nav {
  width: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
      color: white;
  display: flex;
  justify-content: space-between;
      font-size: 34px;
}

/* PREVIOUS & NEXT BUTTONS */
.main-slider-carousel .owl-prev,
.main-slider-carousel .owl-next {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0px 10px;
  height: 45%;
  cursor: pointer;
}

/* CURSOR POINTER FOR NEXT */
.main-slider-carousel .owl-next span {
  cursor: pointer;
}

/* STYLING FOR PREV SPAN */
.main-slider-carousel .owl-prev span {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0px 10px;
  height: 45%;
  font-weight: lighter;
  cursor: pointer;
}

/* HOVER EFFECT ON PREV */
.main-slider-carousel .owl-prev span:hover {
  background-color: black;
  transition: .2s;
}

/* STYLING FOR NEXT SPAN */
.main-slider-carousel .owl-next span {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0px 10px;
  height: 45%;
  font-weight: lighter;
}

/* HOVER EFFECT ON NEXT */
.main-slider-carousel .owl-next span:hover {
  background-color: black;
  transition: .2s;
}

/* SLIDER DOT NAVIGATION */
.main-slider-carousel .owl-dots {
  text-align: center;
  position: relative;
  bottom: 100px;
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
}

/* DOT WIDTH */
.main-slider-carousel .owl-dot {
  width: 2%;
}

/* STYLE DOTS */
.main-slider-carousel .owl-dots .owl-dot span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #E5E5E5;
  background: linear-gradient(181deg, rgba(8, 12, 13, 1) 0%, rgba(214, 214, 214, 1) 93%);
  cursor: pointer;
}

/* ACTIVE DOT STYLING */
.owl-dots .owl-dot.active span {
  background: linear-gradient(181deg, rgba(102, 102, 102, 1) 0%, rgba(102, 102, 102, 1) 100%);
  transition: .2s;
}

/* DOT HOVER EFFECT */
.owl-dots .owl-dot span:hover {
  background: linear-gradient(181deg, rgba(102, 102, 102, 1) 0%, rgba(102, 102, 102, 1) 100%);
  transition: .2s;
}

/* =============================== */
/* ========= MEDIA QUERIES ======= */
/* =============================== */

@media only screen and (min-width: 1921px) {
    .main-slider-carousel,
  .owl-stage,
  .owl-stage-outer,
  .main-slider-carousel{
    width: 100%;
    height: 100%;
  }
  .main-slider-carousel .owl-item img{
    width: 100%;
    height: 89vh;
    object-fit: contain;
  }

}

@media only screen and (min-width: 1367px) and (max-width: 1920px) {
    .main-slider-carousel .owl-item img{
    object-fit: contain;
    width: 100%;
    height: 89vh;
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1366px){
      .main-slider-carousel .owl-item img{
    object-fit: contain;
    width: 100%;
    height: 89vh;
  }
}


/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  .main-slider-carousel,
  .owl-stage,
  .owl-stage-outer,
  .main-slider-carousel .owl-slider-link,{
    height: 75vh;
  }
  .main-slider-carousel .owl-dots {
    bottom: 80px;
  }
}

/* Small devices (portrait tablets and large phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .main-slider-carousel,
  .owl-stage,
  .owl-stage-outer,
  .main-slider-carousel .owl-slider-link,
  .main-slider-carousel .owl-item img {
    height: 80vh;
  }

  .main-slider-carousel .owl-dots {
    bottom: 90px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .main-slider-carousel,
  .owl-stage,
  .owl-stage-outer,
  .main-slider-carousel .owl-slider-link,
  .main-slider-carousel .owl-item img {
    height: 85vh;
  }

  .main-slider-carousel .owl-dots {
    bottom: 120px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .main-slider-carousel,
  .owl-stage,
  .owl-stage-outer,
  .main-slider-carousel .owl-slider-link,
  .main-slider-carousel .owl-item img {
    height: 90vh;
  }


  .main-slider-carousel .owl-dots {
    bottom: 140px;
  }
}


/* Mobile S (Smallest phones) */
@media (max-width: 359px) {
  .main-slider-carousel,
  .owl-stage,
  .owl-stage-outer,
  .main-slider-carousel .owl-slider-link,
  .main-slider-carousel .owl-item img {
    height: calc(31vh + -1px);
  }


  .main-slider-carousel .owl-dots {
    bottom: 60px;
    gap: 10px;
  }
}

/* Mobile M */
@media (min-width: 360px) and (max-width: 413px) {
  .main-slider-carousel,
  .owl-stage,
  .owl-stage-outer,
  .main-slider-carousel .owl-slider-link,
  .main-slider-carousel .owl-item img {
    height: calc(31vh + -1px);
  }


  .main-slider-carousel .owl-dots {
    bottom: 40px;
    gap: 25px
  }
}

/* Mobile L */
@media (min-width: 414px) and (max-width: 767px) {
  .main-slider-carousel,
  .owl-stage,
  .owl-stage-outer,
  .main-slider-carousel .owl-slider-link,
  .main-slider-carousel .owl-item img {
    height: calc(31vh + -1px);
  }


  .main-slider-carousel .owl-dots {
    bottom: 40px;
    gap: 10px
  }
}

@media (max-width: 600px) {
      .main-slider-carousel .owl-dots {
    bottom: 40px;
    gap: 20px
  }
}

/* HOME PAGE WHY US SECTION CSS */
/* WHY US SECTION STARTS */
.why-us-section {
  background-color: #292929;
  text-align: center;
}

/* INNER CONTAINER */
.why-us-inner {
  width: 100%;
  max-width: 100%;
  padding: 15px 0px;
}

/* TEXT COLOR */
.why-us-text {
  color: var(--text-white);
  margin-bottom: 35px;
}

/* TAGLINE TEXT */
.tagline {
  width: 100%;
  max-width: 100%;
  font-size: 14px;
  font-family: "Michroma", sans-serif;
  letter-spacing: 1px;
  position: relative;
  right: 15px;
  animation: why-us-left-tagline 4s ease 0s 1 normal forwards;
  animation-timeline: var(--animation-timeline-for-scroll);
  animation-range: var(--animation-range-for-scroll);
}

/* MAIN WHY-US HEADING */
.why-us {
  width: 100%;
  max-width: 100%;
  font-size: 35px;
  font-family: "Titan One", sans-serif;
  position: relative;
  right: 15px;
  animation: why-us-left-tagline 4s ease 0s 1 normal forwards;
  animation-timeline: var(--animation-timeline-for-scroll);
  animation-range: var(--animation-range-for-scroll);
}

/* PARAGRAPH TEXT */
.why-us-para {
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  max-width: 100%;
  animation: why-us-left-para 4s ease 0s 1 normal forwards;
  animation-timeline: var(--animation-timeline-for-scroll);
  animation-range: var(--animation-range-for-scroll);
}

/* ANIMATION FOR PARAGRAPH */
@keyframes why-us-left-para {
  0% {
    opacity: 0;
    transform: translateX(-250px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

/* ANIMATION FOR TAGLINE AND HEADING */
@keyframes why-us-left-tagline {
  0% {
    opacity: 0;
    transform: translateX(-250px);
  }
  100% {
    opacity: 1;
    transform: translateX(15px);
  }
}

/* ------------------------------------------------------ */
/* RESPONSIVE MEDIA QUERIES — FOLLOWING YOUR GIVEN BREAKPOINTS */
/* ------------------------------------------------------ */

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  .tagline {
    font-size: 12px;
    letter-spacing: 0.5px;
  }
  .why-us {
    font-size: 24px;
  }
  .why-us-para {
    font-size: 14px;
    width: 95%;
  }
}

/* Small devices (portrait tablets and large phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .tagline {
    font-size: 13px;
  }
  .why-us {
    font-size: 26px;
  }
  .why-us-para {
    font-size: 15px;
    width: 95%;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .tagline {
    font-size: 13.5px;
  }
  .why-us {
    font-size: 30px;
  }
  .why-us-para {
    font-size: 16px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .why-us {
    font-size: 32px;
  }
  .why-us-para {
    font-size: 17px;
  }
}
/* Mobile S */
@media (max-width: 359px) {
  .tagline {
    font-size: 11px;
  }
  .why-us {
    font-size: 22px;
  }
  .why-us-para {
    font-size: 13px;
    width: 94%;
  }
}

/* Mobile M */
@media (min-width: 360px) and (max-width: 413px) {
  .tagline {
    font-size: 12px;
  }
  .why-us {
    font-size: 24px;
  }
  .why-us-para {
    font-size: 14px;
    width: 95%;
  }
}

/* Mobile L */
@media (min-width: 414px) and (max-width: 767px) {
  .tagline {
    font-size: 13px;
  }
  .why-us {
    font-size: 26px;
  }
  .why-us-para {
    font-size: 15px;
    width: 95%;
  }
}

/* HOME PAGE 6 SCARDS SECTION CSS */
/* 6 CARDS START */
.six-cards {
  padding: 85px 0px;
  background-color: white;
  cursor: context-menu;
  border: 0px solid red;
}

/* TOP ROW OF 6 CARDS */
.six-cards-inner-top {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 35px;
  height: auto;
  animation: fadein 2s ease-in 0s 1 normal forwards;
  animation-timeline: var(--animation-timeline-for-scroll);
  animation-range: var(--animation-range-for-scroll);
  border:1px soild red;
}

/* FADE-IN ANIMATION */
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* BOTTOM ROW OF 6 CARDS */
.six-cards-inner-down {
  display: flex;
  justify-content: center;
  gap: 20px;
  height: auto;
  animation: fadein 2s ease-in 0s 1 normal forwards;
  animation-timeline: var(--animation-timeline-for-scroll);
  animation-range: var(--animation-range-for-scroll);
}

/* SINGLE CARD CONTAINER */
.card {
  cursor: context-menu;
  width: 100%;
  height: 250px;
  position: relative;
  overflow: hidden;
  border: 0px solid red;
}
.card-my {
  cursor: context-menu;
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  border: 0px solid red;
}


/* SCALE IMAGE ON HOVER */
.card-my:hover .six-card-image {
  transform: scale(1.05);
}

/* CARD IMAGE STYLING */
.six-card-image {
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
  display: block;
  position: absolute;
  transition: transform 0.5s ease;
  display: block;
}

/* TEXT OVERLAY ON IMAGE */
.card-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 100%;
  background-color: rgb(0 0 0 / 46%);
  color: var(--text-white);
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}

/* CARD TITLE */
.card-heading {
  color: var(--text-white);
  font-size: 20px;
  font-family: var(--heading-font);
  cursor: pointer;
}

/* BUTTON INSIDE CARD */
.card-button {
  color: var(--text-white);
  background-color: var(--bg-black);
  padding: 10px 15px;
  margin-top: 10px;
  cursor: pointer;
}

/* ================================================= */
/* RESPONSIVE STYLING USING YOUR PROVIDED 8 BREAKPOINTS */
/* ================================================= */

/* Mobile S: max-width: 359px */
@media (max-width: 359px) {
  .card-heading {
    font-size: 14.5px;
    transform: translate(0px, 5px);
  }
  .card-button {
    font-size: 11px;
    margin-top: 3px;
    transform: translate(0px, 16px);
  }
  .card-text {
    height: 58%;
    max-height: 58%;
  }
  .card {
    max-width: 95%;
  }
}

/* Mobile M: 360px to 413px */
@media (min-width: 360px) and (max-width: 413px) {
  .card {
    max-width: 92%;
  }
  .card-heading {
    font-size: 14.5px;
    transform: translate(0px, 5px);
  }
  .card-button {
    font-size: 11px;
    margin-top: 3px;
    transform: translate(0px, 16px);
  }
  .card-text {
    height: 58%;
    max-height: 58%;
  }
}

/* Mobile L: 414px to 767px */
@media (min-width: 414px) and (max-width: 767px) {
  .card-heading {
    font-size: 22.5px;
  }
  .card-button {
    font-size: 11px;
    margin-top: 3px;
  }
  .card-text {
    height: 38%;
    max-height: 38%;
  }
  .card {
    max-width: 90%;
  }
}

/* Extra Small: max-width: 575.98px */
@media (max-width: 575.98px) {
  .six-cards-inner-top,
  .six-cards-inner-down {
    flex-direction: column;
    align-items: center;
  }
  .card {
    max-width: 90%;
  }
  .card-heading {
    font-size: 16px;
  }
  .card-button {
    font-size: 14px;
    padding: 8px 12px;
  }
  .card-text {
    padding: 15px;
    bottom: 30px;
  }
}

/* Small: 576px to 767.98px */
@media (min-width: 576px) and (max-width: 767.98px) {
  .six-cards-inner-top,
  .six-cards-inner-down {
    flex-direction: column;
    align-items: center;
  }
  .card {
    max-width: 90%;
  }
  .card-heading {
    font-size: 17px;
  }
  .card-button {
    font-size: 14px;
  }
}

/* Medium: 768px to 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
  .six-cards-inner-top,
  .six-cards-inner-down {
    flex-wrap: wrap;
    justify-content: center;
  }
  .card {
    max-width: 45%;
  }
}

/* Large: 992px to 1199.98px */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .card {
    max-width: 32%;
  }
}

/* Extra Large: min-width: 1200px */
@media (min-width: 1200px) {
  .card {
    max-width: 30%;
  }
}

/* Additional: max-width: 600px */
@media (max-width: 600px) {
  .card-heading {
    font-size: 15.5px;
  }
  .card-button {
    font-size: 12px;
    transform: translate(0px, 10px);
  }
  .card-text {
    height: 39%;
    max-height: 39%;
  }
}

/* Additional: max-width: 320px */
@media (max-width: 320px) {
  .card-heading {
    font-size: 14.5px;
    transform: translate(0px, 5px);
  }
  .card-button {
    font-size: 11px;
    margin-top: 3px;
    transform: translate(0px, 16px);
  }
  .card {
    max-width: 95%;
  }
}



/* HOME PAGE BEST SELLER CAROUSEL SECTION CSS */
/* BEST SELLER OWL CAROUSEL START */
.tab-content, .best-seller-carousel{
	max-width: 100vw;
	max-height: calc(65vh + 30px);
	height: calc(65vh + 30px);
}
/* STAGE WRAPPER */
.best-seller-carousel.owl-carousel .owl-stage,
.best-seller-carousel.owl-carousel .owl-stage-outer{
  max-height: calc(65vh + 30px);
  height: calc(65vh + 30px);
}
.best-seller-section{
  height: 100%;
}
/* BEST SELLER SECTION WRAPPER */
.best-seller-section{
	margin: 35px 0px;
/*  height: 100vh;*/
}
/* HEADING STYLING */
.best-seller-heading{
	font-size: 28px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	font-family: var(--heading-font-two);
	letter-spacing: 3px;
	cursor: text;
	color: #242424;
}
/* NAVIGATION TABS */
.best-seller-nav{
	display: flex;
	justify-content: center;
	gap: 55px;
	line-height: 65px;
	overflow: hidden;
	position: relative;
}
/* INDIVIDUAL NAV TAB */
.nav-seller{
	color: #c1a3a3dd;
	margin: 20px 0px;
	font-weight: 600;
	position: relative;
}
/* BUTTON DEFAULT STYLE */
button{
	cursor: pointer;
	background-color: white;
}
/* UNDERLINE ON HOVER */
.nav-seller::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 0%;
	background-color: var(--bg-black);
	transition: all ease 400ms;
}
/* HOVER EFFECT FOR TABS */
.nav-seller:hover::after{
	width: 100%;
}
/* ACTIVE TAB STYLING */
.nav-seller.active{
	color: black;
	transition: all ease 0.1s;
}
.nav-seller.active::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 100%;
	max-width: 100%;
}
/* COLOR TRANSITION ON HOVER */
.nav-seller:hover{
	color: black;
	background-color: var(--bg-white);
	transition: all ease 1s;
}
/* HIDE INACTIVE TABS */
.tab-content {
	display: none;
	position: relative;
}
/* DISPLAY ACTIVE TAB */
.tab-content.active {
	display: block;
}
/* IMAGE CONTAINER LINK */
.best-seller-image-link {
	position: relative;
	overflow: hidden;
  width: 100%;
}
/* READ MORE BUTTON */
.read-more {
	width: 100%;
	max-width: 100%;
	text-align: center;
	color: white;
	background-color: #242424;
	position: absolute;
	bottom: -90px;
	padding: 10px;
	transition: bottom 0.4s ease;
	overflow: hidden;
	font-weight: 600;
	cursor: pointer;
}

.best-seller-image-my {
  object-fit: contain;
  object-position: center center;
  width: 100%;
  height: 250px;
  border: 0px solid red;
  display: block;
}
/* SHOW READ MORE ON HOVER */
.best-seller-image-link:hover .read-more,
.best-seller-image-heading:hover .read-more,
.best-seller-image-caption:hover .read-more{
	bottom: 0;
}
/* HOVER EFFECT FOR BUTTON */
.read-more:hover{
	background-color: var(--bg-black);
}
/* TEXT INSIDE READ MORE */
.read-more-text{
	transition: transform 0.3s ease;
	cursor: pointer;
}
/* TEXT SLIDE EFFECT ON HOVER */
.read-more:hover .read-more-text{
	transform: translateY(-30px);
}
/* IMAGE INSIDE CAROUSEL */
.best-seller-carousel .owl-item .best-seller-image,
.best-seller-carousel .owl-item .best-seller-image-link{
	width: 100%;
}
/* PRODUCT CARD HEIGHT */
.best-seller-carousel .owl-item .product-card{
	width: 100%;
	max-width: 100%;
}
.product-card{
  border: 1px solid #efefef;
  padding: 5px;
  margin-bottom: 20px;
}
/* PRODUCT TITLE */
.best-seller-image-heading{
	width: 100%;
	max-width: 100%;
	text-align: center;
	color: var(--text-black);
  font-size: 18px;
  line-height: 20px;
  height: 43px;
  overflow: hidden;
  border: 0px solid red;
  text-decoration: none;

}
/* TITLE HOVER COLOR */
.best-seller-image-heading:hover{
	color: var(--text-gray);
	transition: .2s;
}
/* PRODUCT CAPTION */
.best-seller-image-caption{
	text-align: center;
	width: 100%;
	max-width: 100%;
	color: var(--text-gray);
	font-size: 14px;
}
/* TEXT INTERACTION */
.inner-caption-text-hover{
	cursor: pointer;
}
.inner-caption-text-hover:hover{
	color: var(--text-black);
	transition: .3s;
}
/* CAROUSEL NAVIGATION */
.best-seller-carousel .owl-nav{
	font-size: 70px;
	display: flex;
	justify-content: space-between;
	width: 105%;
	max-width: 105%;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	z-index: -1;
	font-weight: lighter;
}
/* NAV BUTTONS */
.best-seller-carousel .owl-nav .owl-next,
.best-seller-carousel .owl-nav .owl-prev{
	cursor: pointer;
}
.best-seller-carousel .owl-nav .owl-next span,
.best-seller-carousel .owl-nav .owl-prev span{
	cursor: pointer;
}
/* NAV HOVER EFFECT */
.best-seller-carousel .owl-nav .owl-next:hover,
.best-seller-carousel .owl-nav .owl-prev:hover{
	color: var(--text-gray);
	transition: .3s;
}
/* DOT INDICATORS */
.best-seller-carousel .owl-dots{
	display: flex;
	justify-content: center;
	gap: 5px;
  height: 5%;
	    transform: translate(0px, -31px);
}
/* INDIVIDUAL DOT */
.best-seller-carousel .owl-dots .owl-dot span{
	width: 100%;
	max-width: 100%;
	height: 50%;
	border: 2px solid var(--text-gray);
	border-radius: 50%;
	padding: 4px;
	cursor: pointer;
}
/* HOVER EFFECT ON DOT */
.best-seller-carousel .owl-dots .owl-dot span:hover{
	border: 2px solid var(--text-black);
	border-radius: 50%;
	transition: .3s;
	background: linear-gradient(181deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%);
}
/* ACTIVE DOT COLOR */
.best-seller-carousel .owl-dots .owl-dot span.active{
	background-color: brown;
	transition: .3s;
}

/* ============================== */
/* RESPONSIVE MEDIA QUERIES START */
/* ============================== */

/* 1. Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  .best-seller-heading {
    font-size: 20px;
  }
  .read-more{
    bottom: 65px;
  }
  .best-seller-nav {
    flex-direction: column;
    gap: 15px;
    line-height: 40px;
  }
  .best-seller-carousel .owl-item .best-seller-image{
    height: 100%;
  }
  .tab-content{
    height: 50vh;
  }
  .best-seller-carousel .owl-dots {
    transform: translate(0px, -50px);
  }
  .best-seller-carousel .owl-nav {
    font-size: 40px;
    top: 80px;
    right: -10px;
        width: 115%;
        max-width: 115%;
  }
}

@media only screen and (min-width: 601px) and (max-width: 767px){
            .tab-content{
    height: calc(62vh + 30px);
  }
  .best-seller-carousel {
    height: calc(62vh + 30px);
  }
 .best-seller-carousel.owl-carousel .owl-stage{
    height: calc(62vh + 30px);
  }
   .best-seller-carousel.owl-carousel .owl-stage-outer{
    height: calc(62vh + 30px);
  }
  .best-seller-carousel .owl-nav{
        width: 115%;
        max-width: 115%;
  }
}

@media (max-width: 320px) {
        .inner-caption-text-hover{
      font-size: 9px;
      overflow: visible;
      text-overflow: clip;
    }
            .tab-content{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
  .best-seller-carousel {
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
 .best-seller-carousel.owl-carousel .owl-stage{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
   .best-seller-carousel.owl-carousel .owl-stage-outer{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
  .best-seller-carousel .owl-nav{
        font-size: 85px;
    top: 50%;
    width: 115%;
    max-width: 115%;
  }
}

@media (max-width: 359px) {
    .inner-caption-text-hover{
      font-size: 9px;
      overflow: visible;
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .best-seller-carousel .owl-item{
        width: 6% !important;
  }
}

@media only screen and (min-width: 1921px) {
  .best-seller-image{
    width: 100%;
  }
}

/* 2. Small devices (576px to 767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .best-seller-heading {
    font-size: 22px;
  }
  .best-seller-nav {
    gap: 25px;
    line-height: 45px;
    flex-wrap: wrap;
  }
 .best-seller-carousel .owl-item .best-seller-image{
    height: 100%;
  }
            .tab-content{
    height: calc(62vh + 30px);
  }
  .best-seller-carousel {
    height: calc(62vh + 30px);
  }
 .best-seller-carousel.owl-carousel .owl-stage{
    height: calc(62vh + 30px);
  }
   .best-seller-carousel.owl-carousel .owl-stage-outer{
    height: calc(62vh + 30px);
  }
  .best-seller-carousel .owl-dots {
    transform: translate(0px, -20px);
  }
  .best-seller-carousel .owl-nav {
    font-size: 85px;
    top: 50%;
  }
}

/* 3. Medium devices (768px to 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .best-seller-heading {
    font-size: 24px;
  }
 .best-seller-carousel .owl-item .best-seller-image{
    height: 100%;
    width: 100%;
  }
   .best-seller-carousel .owl-item .best-seller-image-link{
    height: 100%;
    width: 100%;
  }
  .best-seller-carousel .owl-dots {
    transform: translate(0px, -35px);
  }
  .best-seller-carousel .owl-nav {
    font-size: 60px;
    top: 190px;
  }
            .tab-content{
    height: calc(62vh + 30px);
  }
  .best-seller-carousel {
    height: calc(62vh + 30px);
  }
 .best-seller-carousel.owl-carousel .owl-stage{
    height: calc(62vh + 30px);
  }
   .best-seller-carousel.owl-carousel .owl-stage-outer{
    height: calc(62vh + 30px);
  }
}

@media (max-width: 600px) {
  .tab-content{
    height: 50vh;
  }
  .read-more{
    bottom: 75px;
  }
  .best-seller-carousel .owl-dots {
    transform: translate(0px, -35px);
  }
  .inner-caption-text-hover{
    white-space: wrap;
  }
  .best-seller-image-heading{
    white-space: wrap;
  }
            .tab-content{
    height: calc(42vh + 30px);
    max-height: calc(42vh + 30px);
  }
  .best-seller-carousel {
    height: calc(42vh + 30px);
    max-height: calc(42vh + 30px);
  }
 .best-seller-carousel.owl-carousel .owl-stage{
    height: calc(42vh + 30px);
    max-height: calc(42vh + 30px);
  }
   .best-seller-carousel.owl-carousel .owl-stage-outer{
    height: calc(42vh + 30px);
    max-height: calc(42vh + 30px);
  }
}

/* 4. Large devices (992px to 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .best-seller-heading {
    font-size: 26px;
  }
/*  .best-seller-carousel {
    height: 56vh;
  }*/
            .tab-content{
    height: calc(62vh + 30px);
  }
  .best-seller-carousel {
    height: calc(62vh + 30px);
  }
 .best-seller-carousel.owl-carousel .owl-stage{
    height: calc(62vh + 30px);
  }
   .best-seller-carousel.owl-carousel .owl-stage-outer{
    height: calc(62vh + 30px);
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .best-seller-heading {
    font-size: 20px;
  }
  .best-seller-nav {
    gap: 18px;
  }
/*  .best-seller-carousel {
    height: 40vh;
  }*/
  .best-seller-carousel .owl-dots {
    transform: translate(0px, -32px);
  }

}

/* 5. Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .best-seller-heading {
    font-size: 28px;
  }
}

/* 6. Mobile S (less than 360px) */
@media (max-width: 359px) {
  .best-seller-heading {
    font-size: 18px;
  }
  .best-seller-nav {
    gap: 10px;
    line-height: 35px;
  }
/*  .best-seller-carousel {
    height: 48vh;
  }*/
  .best-seller-carousel .owl-nav {
        font-size: 85px;
    top: 50%;
    width: 115%;
    max-width: 115%;
  }
            .tab-content{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
  .best-seller-carousel {
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
 .best-seller-carousel.owl-carousel .owl-stage{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
   .best-seller-carousel.owl-carousel .owl-stage-outer{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
}

@media only screen and (min-width: 577px) and (max-width: 767px){
            .tab-content{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
  .best-seller-carousel {
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
 .best-seller-carousel.owl-carousel .owl-stage{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
   .best-seller-carousel.owl-carousel .owl-stage-outer{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
}
/* 7. Mobile M (360px to 413px) */
@media (min-width: 360px) and (max-width: 413px) {
  .best-seller-heading {
    font-size: 19px;
  }
  .best-seller-nav {
    gap: 12px;
  }
    .best-seller-image, .best-seller-image-link{
    height: 50vh;
  }
  .best-seller-carousel .owl-nav {
            font-size: 85px;
    top: 50%;
    width: 115%;
    max-width: 115%;
  }
            .tab-content{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
  .best-seller-carousel {
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
 .best-seller-carousel.owl-carousel .owl-stage{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
   .best-seller-carousel.owl-carousel .owl-stage-outer{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
}
/* 8. Mobile L (414px to 767px) */
@media (min-width: 414px) and (max-width: 767px) {
  .best-seller-heading {
    font-size: 20px;
  }
  .best-seller-nav {
    gap: 18px;
  }
/*    .best-seller-carousel .owl-item{
        width: 6% !important;
  }*/
    .best-seller-carousel .owl-nav {
        font-size: 85px;
    top: 50%;
    width: 115%;
    max-width: 115%;
  }
            .tab-content{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
  .best-seller-carousel {
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
 .best-seller-carousel.owl-carousel .owl-stage{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
   .best-seller-carousel.owl-carousel .owl-stage-outer{
    height: calc(62vh + 30px);
    max-height: calc(62vh + 30px);
  }
}

/* ============================== */
/* RESPONSIVE MEDIA QUERIES END */
/* ============================== */


/* HOME PAGE FACTORY VIEW BIG BANNER OR SLIDER CSS */
/*SLIDER FACTORY VIEW START */ 
.slider-parent{
  width: 100%; /* Set the width to 100% */
  padding: 50px 0;
  /*border: 1px solid red;*/
  /*background-image: url('../media/sliders/factory-view-slider.jpg');*/
  background-color: #efefef;
}
.slider-parent-img {
  width: 100%;
  height: 100%;
}
.slider-parent-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.slider-text{
  text-align: center; /* Align text to the center */
  color: var(--text-black); /* Set text color to black */
  width: 100%; /* Set the width to 100% */
  line-height: 35px; /* Set the line height to 35px */
  cursor: pointer; /* Change cursor to pointer */
}
.slider-text-one{
  color: var(--text-gray); /* Set text color to gray */
  font-weight: 700; /* Set font weight to bold */
  font-size: 12px; /* Set font size to 12px */
}
.slider-text-two{
  font-size: 40px; /* Set font size to 40px */
  font-family: var(--heading-font-two); /* Set font family */
  font-weight: bolder; /* Set font weight to bolder */
}
.slider-text-three{
  font-family: var(--heading-font-two); /* Set font family */
  font-weight: bolder; /* Set font weight to bolder */
}
.slider-text-four{
  font-weight: 600; /* Set font weight to 600 */
  font-size: 14px; /* Set font size to 14px */
}
.inner-slider-text-five{
    background-color: black; /* Set background color to black */
    border-radius: 50%; /* Set border radius to 50% (circle shape) */
    border: 1px solid black; /* Add a 1px solid black border */
    color: white; /* Set text color to white */
    padding: 6px 8px; /* Set padding */
    cursor: pointer; /* Change cursor to pointer */
}

@media (max-width: 575.98px) {
  /* Styles for phones */
}

/* Small devices (portrait tablets and large phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Styles for small devices */
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .slider-main-pic{
    width: calc(99% + 5px);
  }
  .three-slides-lower{
    gap: 2px;
  }
  .slider-image-inner-parent-factory {
    margin-left: 0;
    width: 30%;
  }
  .slider-text-parent{
    top: 0px;
    width: 36%;
  }
  .slider-text{
    line-height: calc(34px + -2%);
  }
}

@media only screen and (min-width: 577px) and (max-width: 767px){
  .slider-image-inner-parent-shirt {
    margin-left: 10px;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
.slider-main-pic{
  width: calc(99% + 9px);
}
}
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .slider-main-pic{
    width: calc(99% + 19px);
    max-width: calc(99% + 19px);
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .slider-main-pic{
    width: calc(99% + 6px);
  }
  .slider-text-parent{
    top: 90px;
  }
  .three-slides-upper{
    height: 99%;
    bottom: 38px;
  }
  .slider-image-inner-parent{
    margin-bottom: 0;
    width: 72%;
  }
    .slider-image-inner-parent-factory{
    width: calc(19% + 0px);
    bottom: 10px;
  }
}

@media only screen and (min-width: 1921px) {
  .three-slides-upper{
    width: 32%;
  }
  .three-slides-lower{
    width: 35%;
  }
  .slider-image-inner-parent-shirt{
    left: calc(65% + 27px);
  }
  .slider-main-pic{
    width: calc(99% + 25px);
    max-width: calc(99% + 25px);
  }
}


/* Mobile S */
@media (max-width: 359px) {
.slider-main-pic{
  width: calc(99% + -1px);
}
.slider-text-one{
  font-size: 10px;
}
.slider-text-two{
  font-size: 26px;
}
.slider-text-five{
  font-size: 10px;
}
.slider-text-parent{
  top: 20px;
  width: 100%;
  max-width: 100%;
}
.slider-image-text-parent{
  flex-direction: column;
}
  .three-slides-lower{
    gap: 2px;
  }
  .three-slides-upper{
    bottom: 9px;
  }
  .slider-image-inner-parent-factory {
    margin-left: -55px;
    width: 30%;
  }
}

/* Mobile M */
@media (min-width: 360px) and (max-width: 413px) {
.slider-main-pic{
  width: calc(99% + 4px);
}
.slider-text-parent{
  top: -9px;
  width: 100%;
  max-width: 100%;
}
.slider-text-one{
  font-size: 9px;
}
.slider-text-two{
  font-size: 24px;
}
.slider-text-five{
  font-size: 9px;
}
.slider-image-text-parent{
  flex-direction: column;
}
  .three-slides-lower{
    gap: 2px;
  }
  .three-slides-upper{
    bottom: 9px;
  }
  .slider-image-inner-parent-factory {
    margin-left: -55px;
    width: 30%;
  }
}

/* Mobile L */
@media (min-width: 414px) and (max-width: 767px) {
  .slider-parent{
/*  height: 75%;*/
}
.card-heading{

}
.slider-parent-link{
  width: calc(100% + -1px);
}
.slider-main-pic{
/*  height: 75%;*/
  width: calc(99% + 2px);
}
.slider-text-one{
  font-size: 10px;
}
.slider-text-two{
  font-size: 26px;
}
.slider-text-five{
  font-size: 10px;
}
.slider-text-parent{
  top: 20px;
  width: 100%;
  max-width: 100%;
}
.card-text{

}
  .three-slides-lower{
    gap: 2px;
  }
  .three-slides-upper{
    bottom: 9px;
  }
  .slider-image-inner-parent-factory {
    margin-left: -55px;
    width: 30%;
  }
.slider-image-text-parent{
  flex-direction: column;
}
}




/* HOME PAGE WORK FLOW SECTION CSS */
/*WORK FLOW SECTION START*/
.work-flow-section{
	display: flex; /* Display as flex */
	gap: 25px; /* Set the gap between items to 25px */
	padding-top: 45px; /* Set the top padding to 45px */
	padding-bottom: 45px; /* Set the bottom padding to 45px */
}
.work-flow-text{
	width: 100%; /* Set the width to 100% */
	max-width: 100%; /* Set the maximum width to 100% */
	text-align: center; /* Align text to the center */
	margin-bottom: 20px; /* Set bottom margin to 20px */
}
.work-flow-text-one{
    font-size: 14px; /* Set font size to 14px */
    font-family: var(--heading-font-two); /* Set font family */
    font-weight: 500; /* Set font weight to 500 */
    letter-spacing: 1px; /* Set letter spacing to 1px */
}
.work-flow-text-two{
    font-size: 35px; /* Set font size to 35px */
    font-family: var(--heading-font-two); /* Set font family */
    font-weight: 500; /* Set font weight to 500 */
    letter-spacing: 1px; /* Set letter spacing to 1px */
}
.video-side-work-flow{
      height: calc(50vh - 3px);
}
iframe{
    width: 38vw;
    max-width: 38vw;
    height: 50vh;
    max-height: 50vh;
}
.work-flow-text-three{
	color: var(--text-gray); /* Set text color to gray */
}
.icons-work-flow{
	display: flex; /* Display as flex */
    justify-content: center; /* Center the items */
    gap: 25px; /* Set the gap between items to 25px */
    margin-bottom: 25px; /* Set bottom margin to 25px */
        display: flex;
    justify-content: center;
    gap: 30px;
}
.icon-work-flow{
	text-align: center; /* Align text to the center */
	color: var(--text-gray); /* Set text color to gray */
}
.fa-icon-work-flow{
	font-size: 40px; /* Set font size to 40px */
}
.links-work-flow{
	text-align: center; /* Align text to the center */
    display: flex; /* Display as flex */
    justify-content: center; /* Center the items */
    gap: 60px; /* Set the gap between items to 60px */
}
.link-work-flow{
    padding: 15px; /* Add padding of 15px */
    font-weight: 500; /* Set font weight to 500 */
}
.link-work-flow-one{
	color: white; /* Set text color to white */
    background-color: #222222; /* Set background color to #222222 */
}
.link-work-flow-two{
	color: black; /* Set text color to black */
    border: 2px solid var(--text-gray); /* Add a 2px solid border with gray color */
}
.link-work-flow-two:hover{
	background-color: #dddd; /* Change background color on hover */
	transition: .4s; /* Apply a transition of 0.4s */
}
/* MOBILE S: max-width: 359px */
@media (max-width: 359px) {
  .work-flow-section {
    flex-direction: column; /* Stack items vertically */
    gap: 15px;
  }
  .icons-work-flow, .links-work-flow {
    flex-direction: column;
    gap: 20px;
  }
    iframe{
    width: 100%;
    max-width: 100%;
  }
}

/* MOBILE M: 360px to 413px */
@media (min-width: 360px) and (max-width: 413px) {
  .work-flow-section {
    flex-direction: column;
    gap: 15px;
  }
  .icons-work-flow, .links-work-flow {
    flex-direction: column;
    gap: 20px;
  }
    iframe{
    width: 100%;
    max-width: 100%;
  }
}

/* MOBILE L: 414px to 767px */
@media (min-width: 414px) and (max-width: 767px) {
  .work-flow-section {
    flex-direction: column;
    gap: 20px;
  }
  .icons-work-flow, .links-work-flow {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }
  iframe{
    width: 100%;
    max-width: 100%;
  }
}

/* SMALL: 576px to 767.98px */
@media (min-width: 576px) and (max-width: 767.98px) {
  .links-work-flow {
    flex-direction: column;
    gap: 30px;
  }
}

/* MEDIUM: 768px to 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
  .work-flow-section {
    gap: 20px;
  }
  .links-work-flow {
    gap: 40px;
  }
}

/* LARGE: 992px to 1199.98px */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .work-flow-section {
    gap: 25px;
  }
  .links-work-flow {
    gap: 50px;
  }
}

/* EXTRA LARGE: min-width: 1200px */
@media (min-width: 1200px) {
  .work-flow-section {
    gap: 25px;
  }
}

/* CUSTOM 8: Owl Carousel breakpoint - 0 (Mobile S) */
@media (max-width: 359px) {
  .work-flow-text-two {
    font-size: 22px;
  }
    iframe{
    width: 100%;
    max-width: 100%;
  }
}

/* CUSTOM 9: Owl Carousel breakpoint - 360 (Mobile M) */
@media (min-width: 360px) and (max-width: 413px) {
  .work-flow-text-two {
    font-size: 24px;
  }
  iframe{
    width: 100%;
    max-width: 100%;
  }
}

/* HOME PAGE CSS FINISHED */

/* ABOUT US PAGE STARTS	*/
/* ABOUT US PAGE STYLES */

/* Container for About Us section */

/* Heading Style */
.about-us-heading {
    font-size: 40px; /* Large font size for heading */
    font-weight: bolder; /* Bold text */
    color: #242424; /* Dark color for text */
    letter-spacing: 1px; /* Slightly increased letter spacing */
    width: 100%; /* Full width of the container */
    position: relative;
    top: 50px; /* Positioning the heading slightly lower */
}

/* After pseudo-element to create a line beneath the heading */
.about-us-heading::after {
    content: ""; /* No content, just a visual element */
    display: inline-block;
    width: 100%; /* Full width */
    height: 1px; /* Thin line */
    background-color: #e7d0d0; /* Light color for the line */
    font-weight: lighter;
    cursor: context-menu; /* Changes cursor on hover */
    position: relative;
    bottom: 40px; /* Position the line slightly above the text */
}

/* Before pseudo-element to create a line above the paragraph */
.about-us-para::before {
    content: ""; /* No content, just a visual element */
    display: inline-block;
    width: calc(16% + 6px); /* Slightly larger than 16% width */
    height: 3px; /* Thick line */
    background-color: #000000; /* Black line */
    font-weight: lighter;
    cursor: context-menu; /* Changes cursor on hover */
    position: relative;
    bottom: 12px; /* Positions the line above the paragraph */
}

/* Styling for individual text blocks in About Us */
.about-us-text {
    font-weight: 700; /* Bold text */
    color: #777777; /* Gray color for text */
    margin-bottom: 25px; /* Space between paragraphs */
    letter-spacing: 1px; /* Slightly increased letter spacing */
}

/* Styling for lower text block */
.about-us-lower-text {
    font-weight: 300; /* Lighter weight for lower text */
    width: 100%; /* Full width */
    color: #777777; /* Gray color for text */
    margin-bottom: 10px; /* Space below the text */
}

/* After pseudo-element for creating a line beneath the lower text */
.about-us-lower-text::after {
    content: ""; /* No content, just a visual element */
    display: inline-block;
    width: 100%; /* Full width */
    height: 1px; /* Thin line */
    background-color: #e7d0d0; /* Light color for the line */
    font-weight: lighter;
    cursor: context-menu; /* Changes cursor on hover */
    position: relative;
    top: 10px; /* Positioning the line below the text */
}

/* Ali Baba image container */
.about-us-ali-baba-image {
    cursor: pointer; /* Changes cursor to pointer when hovered */
    display: flex; /* Flexbox container */
    width: 100%; /* Full width */
    max-width: 100%; /* Ensures it doesn't exceed full width */
    height: 100%; /* Full height */
    max-height: 100%; /* Ensures it doesn't exceed full height */
}

/* Styling for the About Us image */
.about-us-image {
    width: 20%; /* Image takes up 20% of the container width */
    max-width: 20%; /* Maximum width for the image */
    height: 100%; /* Full height */
    max-height: 100%; /* Maximum height for the image */
}
/* MOBILE S: max-width: 359px */
@media (max-width: 359px) {
  .about-us-text {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .about-us-lower-text {
    font-size: 12px;
  }
  .about-us-image {
    width: 80%; /* Make image larger */
  }
  .about-us-ali-baba-image {
    flex-direction: column;
    align-items: center;
  }
}

/* MOBILE M: 360px to 413px */
@media (min-width: 360px) and (max-width: 413px) {
  .about-us-text {
    font-size: 13px;
    margin-bottom: 18px;
  }
  .about-us-lower-text {
    font-size: 13px;
  }
  .about-us-image {
    width: 70%;
  }
}

/* MOBILE L: 414px to 767px */
@media (min-width: 414px) and (max-width: 767px) {
  .about-us-text {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .about-us-lower-text {
    font-size: 13px;
  }
  .about-us-image {
    width: 60%;
  }
}

/* SMALL: 576px to 767.98px */
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-us-text {
    font-size: 14px;
    margin-bottom: 22px;
  }
  .about-us-image {
    width: 50%;
  }
}

/* MEDIUM: 768px to 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-us-lower-text {
    font-size: 14px;
  }
  .about-us-image {
    width: 30%;
  }
}

/* LARGE: 992px to 1199.98px */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-us-text {
    font-size: 16px;
  }
  .about-us-lower-text {
    font-size: 15px;
  }
}

/* EXTRA LARGE: min-width: 1200px */
@media (min-width: 1200px) {
  .about-us-text {
    font-size: 17px;
  }
  .about-us-lower-text {
    font-size: 16px;
  }
}

/* ABOUT US PAGE END'S */

/* ACID WASHED T SHIRT PAGE OR CATEGORIES OR PRODUCT LIST PAGE	CSS START*/
/* BANNER */
.banner-image{
	width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}
.banner button{
	color: white;
	background-color: transparent;
}
.banner button:hover{
	color: white;
	background-color: black;
}
.fa-arrow-left:hover{
	color: #dddd;
	transition: .3s;
}
.fa-arrow-left{
	background-color: black;
}
.banner-heading{
	font-size: 50px;
    font-weight: bolder;
    color: var(--text-white);
    position: relative;
    bottom: 170px;
    text-align: center;
}
.banner-heading button i{
  background-color: transparent;
}
/* ACID WASH ACCORDION */
.acid-washed-t-shirt{
	display: flex;
    gap: 30px;
}
.product-card-content-link{
	color: var(--text-black);
	width: 100%;
	font-size: 13px;
	letter-spacing: 1px;
	margin-bottom: 15px;
	color: var(--text-gray);
	margin-left: 25px;
}
.product-card-content-link:hover{
	color: var(--text-black);
	transition: .3s;
}
.product-card-content-link.active{
	font-weight: bolder;
	color: var(--text-black);
}
.accordion-label:hover,
.accordion-tab.active .accordion-label {
  color: var(--text-black);
  font-weight: bold;
}
.accordion-menu {
  width: 90%;
  max-width: 90%;
  animation: accordion 2s ease 0s 1 normal forwards;
  animation-timeline: var(--animation-timeline-for-scroll);
  animation-range: var(--animation-range-for-scroll);
}
@keyframes accordion {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.accordion-heading {
  font-size: 20px;
    font-weight: bolder;
    margin-bottom: 15px;
    font-family: "Neuton", serif;
}
.accordion-tab {
  position: relative;
}
.accordion-toggle {
  display: none;
}
.accordion-label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  cursor: pointer;
  display: block;
  letter-spacing: 1px;
  padding: 5px 0px
  position: relative;
  top: 15px;
  color: var(--text-gray);
  border: 0px solid red;
}
.accordion-label:hover{
  color: var(--text-black);
  transition: .3s;
}
.accordion-content {
    max-height: 0;
    transition: all .3s;
    overflow: hidden;
}
.accordion-content a {
  display: block;
  color: var(--text-black);
  width: 100%;
  padding: 0px 10px;
  font-size: 13px;
  line-height: 18px;
}
.accordion-content a:hover{
	color: var(--text-gray);
	transition: .3s;
}
.accordion-tab > .accordion-toggle:checked ~ .accordion-content{
    max-height: 105vh;
}
.accordion-label::after {
      content: "\f078";
    position: absolute;
    top: 13px;
    right: -1px;
    font-family: fontawesome;
    transform: rotate(90deg);
    transition:transform .30s ;
}
.accordion-tab > .accordion-toggle:checked ~ label:after{
    transform: rotate(0deg);
}
.bread-crumb-acid{
	font-size: 11px;
	display: flex;
    gap: 10px;
}
.bread-crumb-acid .home-crumb, .casual-crumb{
	color: var(--text-black);
}
.bread-crumb-acid .home-crumb:hover{
	color: var(--text-gray);
	transition: .3s;
}
.bread-crumb-acid .casual-crumb:hover{
	color: var(--text-gray);
	transition: .3s;
}
/*@keyframes product-card {
	0% {
		transform: scale(0.95);
		transform-origin: 50% 100%;
	}

	100% {
		transform: scale(1);
		transform-origin: 50% 100%;
	}
}*/
.product-section .product-card {
	width: 240px;
  height: 100%;
  border:1px solid red;
}
.image-link {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 85%;
  max-height: 85%;
}
.product-card-image{
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
}
.text-card-parent{
   width: 100%;
   max-width: 100%;
   max-height: 100%;
   text-align: center;
}
.image-heading{
	color: var(--text-black);\
  text-wrap: wrap;
  overflow: hidden;
}
.image-heading, .article-number{
    width: 100%;
    height: 100%;
	max-width: 100%;
	max-height: 100%;
    color: var(--text-black);
}
.image-heading:hover{
	color: var(--text-gray);
	transition: .3s;
}
.article-number:hover{
	color: var(--text-gray);
	transition: .3s;
}
.image-wrapper {
  position: relative;
  overflow: hidden;
}
.product-card-image {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}

.read-more {
  width: 100%;
  text-align: center;
  color: white;
  background-color: #242424;
  position: absolute;
  bottom: -90px;
  left: 0;
  transition: bottom 0.4s ease;
  font-weight: 600;
  cursor: pointer;
  padding: 15px 14px;
  overflow: hidden;
}
.read-more-text {
  transition: transform 0.3s ease;
  cursor: pointer;
}

.image-wrapper:hover .read-more {
  bottom: 0;
}
.read-more:hover{
	background-color: var(--bg-black);
}
.read-more:hover .read-more-text {
  transform: translateY(-40px);
}
/* MEDIA QUERIES FOR RESPONSIVENESS */

/* MOBILE S: max-width: 359px */
@media (max-width: 359px) {
  .banner-heading {
            font-size: 25px;
        bottom: 70px;
  }
  .acid-washed-t-shirt {
    flex-direction: column;
    gap: 20px;
  }
  .accordion-label {
    padding: 10px 20px;
    top: 15px;
    font-size: 12px;
  }
  .accordion-heading {
    font-size: 16px;
  }
}

@media (max-width: 320px) {
  .banner-heading {
        font-size: 22px;
        bottom: 60px;
  }
}

/* MOBILE M: 360px to 413px */
@media (min-width: 360px) and (max-width: 413px) {
  .banner-heading {
        font-size: 25px;
        bottom: 70px;
  }
  .acid-washed-t-shirt {
    flex-direction: column;
    gap: 20px;
  }
  .accordion-label {
    padding: 11px 25px;
    top: 18px;
    font-size: 13px;
  }
  .accordion-heading {
    font-size: 17px;
  }
}

/* MOBILE L: 414px to 767px */
@media (min-width: 414px) and (max-width: 767px) {
  .banner-heading {
        font-size: 28px;
        bottom: 73px;
          }
  .acid-washed-t-shirt {
    flex-direction: column;
    gap: 25px;
  }
  .accordion-label {
    padding: 12px 30px;
    top: 20px;
    font-size: 13.5px;
  }
  .accordion-heading {
    font-size: 18px;
  }
}

/* SMALL: 576px to 767.98px */
@media (min-width: 576px) and (max-width: 767.98px) {
  .banner-heading {
    font-size: 38px;
    bottom: 130px;
  }
  .image-heading, .article-number {
    width: 60vw;
    max-width: 60vw;
  }
}

/* MEDIUM: 768px to 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-heading {
        font-size: 40px;
        bottom: 120px;
  }
  .acid-washed-t-shirt {
    flex-direction: column;
  }
  .image-heading, .article-number {
    width: 40vw;
    max-width: 40vw;
  }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {
  .banner-heading{
        margin-top: 25px;
  }
}

/* LARGE: 992px to 1199.98px */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-heading {
    font-size: 48px;
    bottom: 160px;
  }
  .image-heading, .article-number {
    width: 25vw;
    max-width: 25vw;
  }
  .acid-washed-t-shirt {
    flex-direction: column;
 }
}

/* EXTRA LARGE: min-width: 1200px */
@media (min-width: 1200px) {
  .banner-heading {
    font-size: 50px;
    bottom: 170px;
  }
  .image-heading, .article-number {
    width: 20vw;
    max-width: 20vw;
  }
}

/* ACID WASHED T SHIRT OR CATEGORIES OR PRODUCT LIST SECTION END'S	*/

/* BLOG PAGE CSS START'S */
/* BLOG PAGE HEADING CSS */
.blog-page-heading{
  background-color: #434542;
  height: 30vh;
  max-height: 30vh;
  width: 100%;
  max-width: 100%;
}
.blog{
  padding-top: 55px;
  text-align: center;
  width: 100%;
  font-size: 50px;
  color: var(--text-white);
}
.blog .bread-crumb{
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding-top: 20px;
  font-size: 12px;
  display: flex;
  gap: 15px;
}
.blog-page-crumb, .home-page-crumb{
  width: 100%;
  max-width: 100%;
  color: var(--text-white);
}
.home-page-crumb{
  letter-spacing: 1px;
  display: flex;
  justify-content: flex-end;
}
.home-page-crumb:hover{
  color: #dddd;
  transition: .3s;
}
.blog-page-crumb{
  letter-spacing: 1px;
  display: flex;
  justify-content: flex-start;
}
/* BLOG IMAGES CSS  */
.blog-page-cards{
  display: flex;
  text-align: center;
    gap: 15px;
    margin: 180px 0px;
}
.blog-image-link{
  width: 35%;
  max-width: 35%;
}
.blog-image{
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.blog-image-american{
  animation: card-gallery 2s ease 0s 1 normal forwards;
  animation-timeline: var(--animation-timeline-for-scroll);
  animation-range: var(--animation-range-for-scroll);
}
@keyframes card-gallery {
  0% {
    opacity: 0;
    transform: rotateY(100deg);
    transform-origin: left;
  }

  100% {
    opacity: 1;
    transform: rotateY(0);
    transform-origin: left;
  }
}
.blog-image-hoodie{
  animation: card-gallery-two 2s ease 0s 1 normal forwards;
  animation-timeline: var(--animation-timeline-for-scroll);
  animation-range: var(--animation-range-for-scroll);
}
@keyframes card-gallery-two {
  0% {
    opacity: 0;
    transform: rotateY(-100deg);
    transform-origin: right;
  }

  100% {
    opacity: 1;
    transform: rotateY(0);
    transform-origin: right;
  }
}
.blog-image-belts{
  animation: card-gallery-three 2s ease 0s 1 normal forwards;
  animation-timeline: var(--animation-timeline-for-scroll);
  animation-range: var(--animation-range-for-scroll);
}
@keyframes card-gallery-three {
  0% {
    opacity: 0;
    transform: rotateX(100deg);
    transform-origin: bottom;
  }

  100% {
    opacity: 1;
    transform: rotateX(0);
    transform-origin: bottom;
  }
}
/* MOBILE S: max-width: 359px */
@media (max-width: 359px) {
  .blog { font-size: 28px; }
  .bread-crumb { font-size: 10px; flex-direction: column; gap: 5px; }
  .blog-page-cards { flex-direction: column; margin: 80px 0px; }
  .blog-image-link { width: 100%; max-width: 100%; }
  .blog-page-crumb{font-size: smaller;}
}

/* MOBILE M: 360px to 413px */
@media (min-width: 360px) and (max-width: 413px) {
  .blog { font-size: 30px; }
  .bread-crumb { font-size: 11px; flex-direction: column; gap: 6px; }
  .blog-page-cards { flex-direction: column; margin: 90px 0px; }
  .blog-image-link { width: 100%; max-width: 100%; }
}

/* MOBILE L: 414px to 767px */
@media (min-width: 414px) and (max-width: 767px) {
  .blog { font-size: 34px; }
  .bread-crumb { font-size: 11.5px; flex-direction: column; gap: 6px; }
  .blog-page-cards { flex-direction: column; margin: 100px 0px; }
  .blog-image-link { width: 100%; max-width: 100%; }
}

/* SMALL: 576px to 767.98px */
@media (min-width: 576px) and (max-width: 767.98px) {
  .blog { font-size: 36px; }
  .bread-crumb { font-size: 12px; flex-direction: row; }
}

/* MEDIUM: 768px to 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
  .blog { font-size: 42px; }
  .bread-crumb { font-size: 12.5px; flex-direction: row; }
  .blog-page-cards { flex-direction: row; margin: 140px 0px; }
  .blog-image-link { width: 33.33%; }
}

/* LARGE: 992px to 1199.98px */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .blog { font-size: 46px; }
  .bread-crumb { font-size: 13px; }
  .blog-page-cards { margin: 160px 0px; }
  .blog-image-link { width: 33.33%; }
}

/* EXTRA LARGE: min-width: 1200px */
@media (min-width: 1200px) {
  .blog { font-size: 50px; }
  .bread-crumb { font-size: 14px; }
  .blog-page-cards { margin: 180px 0px; }
  .blog-image-link { width: 35%; }
}

/* BLOG PAGE CSS END'S */

/* CART PAGE CSS START'S */
/* BANNER CSS */
.cart-icon {
    color: var(--text-white);
    display: flex;
    margin-left: 10px;
    gap: 2px;
    animation: cart 2s ease 0s 1 normal forwards;
    cursor: pointer;
}
@keyframes cart {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.cart-icon span {
    background-color: red;
    color: var(--text-white);
    border-radius: 50%;
    padding: 1px 5px;
    position: absolute;
    left: 53px;
    bottom: 10px;
}
.cart-banner {
    background-color: var(--bg-black);
    color: var(--text-white);
    height: 30vh;
    max-height: 30vh;
    width: 100%;
    max-width: 100%;
    display: grid;
    position: relative;
    padding-top: 30px;
}
.cart-heading {
    text-align: center;
    font-size: 50px;
    font-weight: bolder;
    font-family: sans-serif;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bread-crumb {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 10px;
    height: 18%;
}
.bread-crumb > a {
    color: var(--text-white);
}
.bread-crumb > a:hover {
    color: #dddd;
    transition: .3s;
}
/* table css */
table {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
}
th, td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}
th {
    background-color: #f4f4f4;
}

.form-heading {
    font-size: 22px;
    margin-bottom: 22px;
}
table button {
    padding: 10px 15px;
    margin-top: 10px;
    background-color: var(--bg-white);
    color: white;
    border: none;
    border-radius: 5px;
}
.customer-form input {
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
    height: 5vh;
    max-height: 5vh;
    font-size: 18px;
}
.customer-form textarea {
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
    height: 25vh;
    max-height: 25vh;
    font-size: 18px;
}
.form-input {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}
.form-button {
    width: 100%;
    background-color: white;
    color: black;
    font-weight: bold;
    margin-top: 22px;
}
.form-button:hover {
    color: var(--text-gray);
}

/* Responsive adjustments */

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    .cart-heading {
        font-size: 35px;
    }
    .cart-banner {
        height: 20vh;
        padding-top: 20px;
    }
    .bread-crumb {
        font-size: 12px;
        position: relative;
        top: auto;
        left: auto;
               text-align: left;
                   }
    table {
        font-size: 12px;
    }
    .form-heading {
        font-size: 20px;
    }
    .customer-form input,
    .customer-form textarea {
        font-size: 16px;
    }
}

/* Small devices (portrait tablets and large phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .cart-heading {
        font-size: 40px;
    }
    .cart-banner {
        height: 25vh;
        padding-top: 25px;
    }
    .bread-crumb {
        font-size: 13px;
        position: relative;
        top: auto;
        left: auto;
        text-align: center;
    }
    table {
        font-size: 14px;
    }
    .form-heading {
        font-size: 21px;
    }
    .customer-form input,
    .customer-form textarea {
        font-size: 17px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .cart-heading {
        font-size: 45px;
    }
    .cart-banner {
        height: 27vh;
        padding-top: 27px;
    }
    .bread-crumb {
        font-size: 14px;
        position: relative;
        top: auto;
        left: 10px;
    }
    table {
        font-size: 15px;
    }
    .form-heading {
        font-size: 22px;
    }
    .customer-form input,
    .customer-form textarea {
        font-size: 18px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .cart-heading {
        font-size: 50px;
    }
    .cart-banner {
        height: 30vh;
        padding-top: 30px;
    }
    .bread-crumb {
        font-size: 15px;
        position: relative;
        top: 0;
        left: 10px;
    }
    table {
        font-size: 16px;
    }
    .form-heading {
        font-size: 23px;
    }
    .customer-form input,
    .customer-form textarea {
        font-size: 19px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .cart-heading {
        font-size: 55px;
    }
    .cart-banner {
        height: 35vh;
        padding-top: 35px;
    }
    .bread-crumb {
        font-size: 16px;
        position: relative;
        top: 0;
        left: 10px;
    }
    table {
        font-size: 17px;
    }
    .form-heading {
        font-size: 24px;
    }
    .customer-form input,
    .customer-form textarea {
        font-size: 20px;
    }
}

/* Mobile S */
@media (max-width: 359px) {
    .cart-heading {
        font-size: 30px;
    }
    .cart-banner {
        height: 18vh;
        padding-top: 18px;
    }
    .bread-crumb {
        font-size: 11px;
        position: relative;
        top: auto;
        left: auto;
                text-align: left;
    }
    table {
        font-size: 11px;
    }
}

/* Mobile M */
@media (min-width: 360px) and (max-width: 413px) {
    .cart-heading {
        font-size: 32px;
    }
    .cart-banner {
        height: 19vh;
        padding-top: 19px;
    }
    .bread-crumb {
        font-size: 12px;
        position: relative;
        top: auto;
        left: auto;
                text-align: left;
    }
    table {
        font-size: 13px;
    }
}

/* Mobile L */
@media (min-width: 414px) and (max-width: 767px) {
    .cart-heading {
        font-size: 38px;
    }
    .cart-banner {
        height: 22vh;
        padding-top: 22px;
    }
    .bread-crumb {
        font-size: 13px;
        position: relative;
        top: auto;
        left: auto;
                text-align: left;
    }
    table {
        font-size: 14px;
    }
}

/* CONTACT PAGE CSS START'S	*/
/* CONTACT US CSS */
.contact-us-parent{
	display: flex;
    justify-content: space-between;
}

.contact-us-heading{
	color: var(--text-brownish);
	font-size: 21px;
    font-weight: bolder;
    margin-bottom: 55px;
}
.contact-us-heading:hover{
	background-color: var(--bg-white);
}
.contact-us-heading::after{
    content: "";
    width: 15%;
    height: 1px;
    display: inline-block;
    background-color: #e7d0d0;
    position: absolute;
    transform: translate(9px, 12px);
}

.input{
	border: 1px solid #e7d0d0;
}
.form-contact-us input[type="text"]{
	border: 1px solid #e7d0d0;
    width: 18vw;
    height: 5vh;
}
.input-contact{
    width: 18vw;
    height: 5vh;
	margin-bottom: 65px;
	margin-right: 20px;
	padding-left: 12px;
}
textarea{
	margin-bottom: 35px;
  max-width: 39vw;
  max-height: 33vh;
}

.contact-us-left {}
.contact-us-left .input-div {
  position: relative;
  border: 0px solid red;
  padding:5px 0 10px 0;
}
.contact-us-left .input-div label {
  display: block;
  color: black;
  font-size: 16px;
  line-height: 20px;
}
.contact-us-left .input-div .input {
  display: block;
  width: 100%;
  outline: 1px solid #efefef;
  padding:5px 3px;
}

.information-parent{
	font-size: 15px;
}
.all-information{
	line-height: 40px;
}
.all-information::after{
	content: "";
	width: 100%;
	height: 1px;
	display: inline-block;
	background-color: #e7d0d0;
}
.information-heading, .information-address{
	color: var(--text-gray);
	font-weight: 600;
}
.information-heading{
	margin-right: 7px;
}
.information-link{
	color: var(--text-black);
	font-weight: 600;
}
/* MOBILE S: max-width: 359px */
@media (max-width: 359px) {


  .form-contact-us,
  .contact-us-right {
    width: 100%;
  }

  .input-contact,
  .form-contact-us input[type="text"] {
    width: 100%;
    height: 6vh;
    margin-bottom: 20px;
  }

  textarea {
    width: 100%;
    max-width: 100%;
    height: 120px;
    max-height: 120px;
  }


}

/* MOBILE M: 360px to 413px */
@media (min-width: 360px) and (max-width: 413px) {


  .form-contact-us,
  .contact-us-right {
    width: 100%;
  }


  .input-contact,
  .form-contact-us input[type="text"] {
    width: 100%;
    height: 6vh;
    margin-bottom: 20px;
  }

  textarea {
    width: 100%;
    max-width: 100%;
    height: 130px;
    max-height: 130px;
  }


}

/* MOBILE L: 414px to 767px */
@media (min-width: 414px) and (max-width: 767px) {


  .form-contact-us,
  .contact-us-right {
    width: 100%;
  }


  .input-contact,
  .form-contact-us input[type="text"] {
    width: 100%;
    height: 6vh;
    margin-bottom: 25px;
  }

  textarea {
    width: 100%;
    max-width: 100%;
    height: 140px;
    max-height: 140px;
  }
}

/* SMALL: 576px to 767.98px */
@media (min-width: 576px) and (max-width: 767.98px) {
  .input-contact,
  .form-contact-us input[type="text"],
  textarea {
    width: 100%;
  }


  textarea {
    height: 150px;
    max-height: 150px;
  }
}

/* MEDIUM: 768px to 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {


  .form-contact-us,
  .contact-us-right {
    width: 100%;
  }


  .input-contact,
  .form-contact-us input[type="text"] {
    width: 100%;
  }

  textarea {
    width: 100%;
    height: 160px;
    max-height: 160px;
  }

}

/* LARGE: 992px to 1199.98px */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .input-contact,
  .form-contact-us input[type="text"] {
    width: 45%;
  }

  textarea {
    width: 90%;
    max-width: 90%;
    height: 170px;
    max-height: 170px;
  }

}

/* EXTRA LARGE: min-width: 1200px */
/*@media (min-width: 1200px) {
  label {
    display: block;
    position: static;
    margin-bottom: 6px;
  }

  .input-contact,
  .form-contact-us input[type="text"] {
    width: 18vw;
  }

  textarea {
    max-width: 39vw;
  }
}*/

/* OWL BREAKPOINT: 0 */
@media (max-width: 359px) {
  .input-contact,
  .form-contact-us input[type="text"],
  textarea {
    width: 100%;
  }
}

@media (max-width: 320px) {
    .information-link{
        font-size: 75%;
  }
}

/* OWL BREAKPOINT: 360 */
@media (min-width: 360px) and (max-width: 413px) {
  .input-contact,
  .form-contact-us input[type="text"],
  textarea {
    width: 100%;
  }
  .information-link{
        font-size: 88%;
  }
}

/* OWL BREAKPOINT: 414 */
@media (min-width: 414px) and (max-width: 575.98px) {
  .input-contact,
  .form-contact-us input[type="text"],
  textarea {
    width: 100%;
  }
}



/* CONTACT PAGE CSS END'S */

/* PRODUCT DETAIL PAGE CSS START'S */
/* PRODUCT DETAILS SECTION */
.product-details-section {
  padding: 100px 0px;
}
.product-details {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 100px;
  width: 100%;
  overflow: hidden;
}
.product-image-zoom {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.product-image-zoom img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transform-origin: top left;
  transition: transform 0.1s ease-out;
  pointer-events: none;
}
.enlarge {
    z-index: 1000;
    position: absolute;
    top: calc(92% + -4px);
}
.enlarge > button:hover {
  color: var(--text-black);
  transition: 0.3s;
}
.enlarge button {
  display: flex;
  gap: 9px;
  padding: 8px 10px;
  background-color: transparent;
  color: var(--text-gray);
  font-size: 20px;
  cursor: pointer;
}
.product-details-description-section {
  line-height: 30px;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
}
.bread-crumb-product {
  font-size: 11px;
  display: flex;
  gap: 9px;
  font-weight: 600;
  margin-bottom: 15px;
}
.bread-crumb-product > a {
  color: var(--text-gray);
}
.bread-crumb-product > a:hover {
  color: var(--text-black);
  transition: 0.3s;
}
.image-product-details-heading {
  font-size: 30px;
  margin-bottom: 25px;
  width: 100%;
}
.button-parent {
  margin-bottom: 40px;
  height: calc(10% - 5px);
}
.button {
  background-color: var(--bg-black);
  color: var(--text-white);
  padding: 11px;
  border-radius: 9%;
  font-weight: bold;
  margin-bottom: 20px;
  cursor: pointer;
}
.button:hover {
  background-color: var(--text-gray);
  transition: 0.3s;
}
.button:active {
  transform: translateY(2px);
}
.quantity-container {
  display: flex;
  align-items: center;
  transform: translate(0px, -30px);
}
.quantity-label {
  margin-right: 10px;
  font-weight: bold;
  color: #555;
}
.quantity-selector {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
  width: 16%;
  max-width: 16%;
  justify-content: center;
}
.quantity-button {
  background-color: #f9f9f9;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 16px;
  color: #333;
  user-select: none;
}
.quantity-button:hover {
  background-color: #e0e0e0;
}
.quantity-number {
  width: 30px;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.products-more-details {
  font-size: 14px;
  color: var(--text-black);
  border: 0px solid red;
}
.s-k-u:before {
  content: "";
  background-color: #e7d0d0;
  display: inline-block;
  width: 100%;
  height: 1px;
  position: relative;
  bottom: 35px;
}
.s-k-u {
  width: 100%;
  margin-bottom: 15px;
  color: var(--text-black);
}
.s-k-u-heading {
  font-weight: bold;
  color: var(--text-black);
}
.categories {
  font-weight: bold;
  color: var(--text-black);
  margin-bottom: 15px;
}
.categories > a {
  font-size: 14px;
  color: var(--text-gray);
  font-weight: lighter;
}
.description {
  width: 100%;
  max-width: 100%;
  height: 58%;
  max-height: 58%;
}
.description-heading {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
.complete-description {
  height: 82%;
  max-height: 82%;
}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  /* Styles for phones */
}

/* Small devices (portrait tablets and large phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Styles for small devices */
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Styles for tablets */
  .product-details{
    flex-direction: column;
  }
  .product-details{
    height: 155vh;
    max-width: 155vh;
  }
  .enlarge{
    top: calc(90% + -4px);
  }
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Styles for desktops */

  }
  .bread-crumb-product{
    font-size: 10px;
  }
/*  .product-details{
    height: 105vh;
  }*/
}


@media (min-width: 414px) and (max-width: 575.98px) {
      .product-details{
    flex-direction: column;
  }
 
  .enlarge{
        position: absolute;
    top: calc(80% + -4px);
  }
  .enlarge button{
    font-size: 10px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {

  }
  .bread-crumb-product{
    font-size: 10px;
  }
}

@media only screen and (min-width: 1921px) and (max-width: 2560px){
  .product-details{
    height: 105vh;
  }
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* Styles for large desktops */
}
/* Mobile S */
@media (max-width: 359px) {
      .product-details{
    flex-direction: column;
  }

  .enlarge{
        position: absolute;
           top: calc(74% + -4px);
  }
  .enlarge button{
    font-size: 10px;
  }
    .quantity-selector{
    width: 35%;
    max-width: 35%;
  }
}

@media (max-width: 320px) {
  .product-details{
    flex-direction: column;
  }
  .product-image-zoom{
         overflow: visible;
  } 
  .product-image-zoom img{
    height: 30vh;
    max-height: 30vh;
    width: 66vw;
    max-width: 66vw;
  } 
  .enlarge{
        position: absolute;
    top: calc(80% + -4px);
  }
  .enlarge button{
    font-size: 10px;
  }
  .product-details{
    padding-top: 205px;
    overflow: visible;
  }
  .product-details-description-section{
    margin-top: 165%;
  }
    .quantity-selector{
    width: 35%;
    max-width: 35%;
  }
}

@media (max-width: 600px) {
  .enlarge{
    top: calc(74% + -4px);
  }
  .bread-crumb-product{
    font-size: 10px;
    display: none;
  }
  .quantity-selector{
    width: 31%;
    max-width: 31%;
  }
}



@media only screen and (min-width: 577px) and (max-width: 767px) {
    .product-details{
    flex-direction: column;
  }
 
}

/* Mobile M */
@media (min-width: 360px) and (max-width: 413px) {
        .product-details{
    flex-direction: column;
  }
 
  .enlarge{
        position: absolute;
    top: calc(80% + -4px);
  }
  .enlarge button{
    font-size: 10px;
  }
  .quantity-selector{
    width: 35%;
    max-width: 35%;
  }
}

.related-prod {
  margin-top: 50px;
  border: 0px solid red;
}

/* Mobile L */
@media (min-width: 414px) and (max-width: 767px) {

}

/* RELATED CAROUSEL	*/
.carousel-heading{
	margin-bottom: 25px;
    font-size: 25px;
}
.related-carousel{
    max-height: 60vh;
    height: calc(56vh + 26px);
}
.owl-carousel.related-carousel .owl-stage{
	max-height: 80vh;
	height: calc(56vh + 26px);
	overflow: hidden;
}
.owl-carousel.related-carousel .owl-stage-outer{
	max-height: 80vh;
	height: calc(56vh + 26px);
	overflow: hidden;
}
.related-image-heading{
    font-size: 12px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    font-family: var(--heading-font-two);
    letter-spacing: 3px;
    color: #000000;
    text-align: center;
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
}
.related-image-link {
  position: relative;
  overflow: hidden;
}
.read-more {
  width: 100%;
  max-width: 100%;
  text-align: center;
  color: white;
  background-color: #242424;
  position: absolute;
  bottom: -90px;  
  padding: 10px;
  transition: bottom 0.4s ease;
  overflow: hidden;
  font-weight: 600;
  cursor: pointer;
}
.related-image-link:hover .read-more {
  bottom: 0; 
}
.related-image-heading:hover .read-more {
  bottom: 0; 
}
.related-image-caption:hover .read-more {
  bottom: 0; 
}
.read-more:hover{
	background-color: var(--bg-black);
}
.read-more-text{
	transition: transform 0.3s ease;
	cursor: pointer;
}
.read-more:hover .read-more-text{
	transform: translateY(-60px);
}
.related-carousel .owl-item .related-image{
	width: 100%;
	max-width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
}
.related-carousel .owl-item .related-image-link{
	width: 100%;
	max-width: 100%;
    height: 38vh;
    max-height: 38vh;
    object-fit: cover;
}
.related-carousel .owl-item .product-card{
	width: 100%;
	max-width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}
.related-image-heading:hover{
	color: var(--text-gray);
	transition: .2s;
}
.related-image-caption{
	text-align: center;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	color: var(--text-gray);
	font-size: 14px;
	text-wrap: wrap;
}
.inner-caption-text-hover{
	cursor: pointer;
	width: 100%;
	max-width: 100%;
	  overflow: hidden;
	  text-overflow: ellipsis;
}
.inner-caption-text-hover:hover{
	color: var(--text-black);
	transition: .3s;
}
.related-carousel .owl-nav{
font-size: 70px;
    display: flex;
    justify-content: space-between;
    width: 100vw;
    max-width: 90vw;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
    z-index: -1;
    font-weight: lighter;
}
.related-carousel .owl-nav .owl-next{
	cursor: pointer;
}
.related-carousel .owl-nav .owl-prev{
	cursor: pointer;
}
.related-carousel .owl-nav .owl-next span{
	cursor: pointer;
}
.related-carousel .owl-prev span{
	cursor: pointer;
}
.related-carousel .owl-nav .owl-next:hover{
	color: var(--text-gray);
	transition: .3s;
}
.related-carousel .owl-nav .owl-prev:hover{
	color: var(--text-gray);
	transition: .3s;
}
.related-carousel .owl-dots{
    display: flex;
    justify-content: center;
    gap: 5px;
    transform: translate(0px, -22px);

}
.related-carousel .owl-dots .owl-dot span{
    width: 100%;
    max-width: 100%;
    height: 50%;
    border: 2px solid var(--text-gray);
    border-radius: 50%;
    padding: 4px;
    cursor: pointer;
}
.related-carousel .owl-dots .owl-dot span:hover{
	border: 2px solid var(--text-black);
    border-radius: 50%;
    transition: .3s;
    background: #ffffff;
    background: linear-gradient(181deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%);
}
.related-carousel .owl-dots .owl-dot.active span{
	background-color: brown;
	transition: .3s;
}
@media only screen and (min-width: 577px) and (max-width: 767px) {
  .related-carousel .owl-item .related-image-link{
    height: 32vh;
    max-height: 32vh;
  }
  .related-carousel .owl-nav {
  top: 25%;
}
}
@media (min-width: 414px) and (max-width: 767px) {
    .related-carousel .owl-item .related-image-link{
    height: 40vh;2
    max-height: 32vh;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1920px){
  .related-carousel .owl-item .related-image-link {
    height: 36vh;
    max-height: 36vh;
  }
  .related-carousel .owl-nav {
  top: 25%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1905px){
  .related-carousel .owl-item .related-image-link {
    height: 30vh;
    max-height: 30vh;
  }
  .related-carousel .owl-nav {
  top: 25%;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .related-carousel .owl-item .related-image-link {
    height: 25vh;
    max-height: 25vh;
  }
  .related-carousel .owl-nav {
  top: 25%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .related-carousel .owl-item .related-image-link {
    height: 25vh;
    max-height: 25vh;
  }
  .related-carousel .owl-nav {
  top: 25%;
}
}
@media (max-width: 320px) {
.related-carousel .owl-item .related-image-link{
  height: 26vh;
  max-height: 26vh;
}
.related-carousel .owl-nav{
  top: 22%;
}
}
/* PRODUCT PAGE CSS END'S */

/* FOOTER FOR ALL PAGES OF SADNA ENTER PRISES */
/* FOOTER START */
.footer-wrapper{
	background-color: #0F0F0F; /* Set background color to dark */
}
.footer{
	display: flex; /* Display as flex */
    gap: 35px; /* Set the gap between items to 35px */
    padding-top: 50px; /* Set top padding to 50px */
    padding-bottom: 50px; /* Set bottom padding to 50px */
}
.logo-link-footer{
	width: 55%; /* Set width to 100% */
	max-width: 55%; /* Set maximum width to 100% */
	margin: 22px 0px; /* Set margin to 22px top/bottom */
}
.sadna-logo-footer{
	width: 100%; /* Set width to 50% */
	max-width: 100%; /* Set maximum width to 50% */
}
.logo-description{
	font-size: 14px; /* Set font size to 14px */
}
.social-icons-footer{
	margin-top: 40px; /* Set top margin to 40px */
    display: flex; /* Display as flex */
    gap: 15px; /* Set the gap between items to 15px */
}
.customer-service, .main-catagories, .useful-links, .logo-description, .down-footer{
	color: var(--text-white); /* Set text color to white */
}

.footer-block {}
.footer-heading {
  font-size: 22px;
  line-height: 28px;
  text-transform: uppercase;
  padding-bottom: 15px;
  border-bottom: 1px solid white;
  color: white;
  margin-bottom: 30px;
  display: block;
}
.footer-link {
  border: 0px solid red;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.footer-link span {
  transition: 0.3s;
  font-size: 16px;
}
.footer-link:hover span {
  padding-left: 5px;
}

.team-item {
  border: 0px solid red;
}
.team-img {}
.team-content {
  border: 0px solid blue;
  background-color: #efefef;
}
.team-content h4 {
  font-size: 20px;
  line-height: 24px;
  height: 50px;
  text-transform: uppercase;
}
.team-button {
  background-color: #B3001B !important;
}

.customer-service, .main-catagories, .useful-links{
    display: flex; /* Display as flex */
    flex-direction: column; /* Set flex direction to column */
/*    gap: 25px; /* Set the gap between items to 25px */*/
}
.fa-circle-arrow-right{
	color: var(--text-white); /* Set text color to white for icon */
}
.right-side-footer{
	display: flex; /* Display as flex */
    gap: 75px; /* Set the gap between items to 75px */
}
.footer-link{
	display: flex; /* Display as flex */
	align-items: center; /* Align items to the center */
  gap: 10px; /* Set the gap between items to 10px */
  transform: translate(0px, -2px);
  margin-bottom: auto;
}
.footer-heading, .footer-informations{
	font-size: 25px; /* Set font size to 25px */
	font-weight: 600; /* Set font weight to 600 */
}
.useful-footer{
	margin-bottom: 22px;
}
.footer-informations{
	margin-bottom: 16px; /* Set bottom margin to 66px */
}
.footer-information{
    font-size: 14px; /* Set font size to 14px */
	color: var(--text-white); /* Set text color to white */
	cursor: pointer; /* Change cursor to pointer */
}
.footer-icon, .footer-link-child{
	font-size: 14px; /* Set font size to 14px */
	color: var(--text-white); /* Set text color to white */
	cursor: pointer; /* Change cursor to pointer */
}
.fa-whatsapp{
	font-size: 18px; /* Set font size to 18px */
    border: 1px solid black; /* Add a 1px solid black border */
	border-radius: 0%; /* Set border radius to 0% */
    transition: none; /* Disable transition */
	padding: 0px; /* Remove padding */
}
.down-footer{
	color: var(--text-gray); /* Set text color to gray */
	text-align: center; /* Center align text */
    font-size: 12px; /* Set font size to 12px */
    padding: 15px; /* Set padding to 15px */
}
.down-footer::before{
	content: ""; /* Set empty content */
	display: inline-block; /* Display as inline-block */
	width: 100%; /* Set width to 100% */
	height: 1px; /* Set height to 1px */
	transform: translate(0px, -10px); /* Move up 10px */
	background-color: var(--text-gray); /* Set background color to gray */
}
.top-footer-icons{
	color: var(--text-white); /* Set text color to white for icons */
	cursor: pointer; /* Change cursor to pointer */
}
/* ========== RESPONSIVE FOOTER STYLES ========== */

/* Small Devices: Mobile (≤576px) */
@media only screen and (max-width: 576px) {
  .footer {
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    max-width: 100%;
  }

  .logo-link-footer {
    text-align: center;
  }

  .right-side-footer{
  	gap: 10px;
    flex-direction: column;
  }

  .sadna-logo-footer {
    width: 100%;
  }

  .social-icons-footer {
    margin-top: 20px;
    gap: 10px;
    flex-direction: column;
  }

  .customer-service, .main-catagories, .useful-links {
    gap: 15px;
    margin-bottom: 10px;
  }

  .footer-heading, .footer-informations {
    font-size: 18px;
  }

  .footer-information, .footer-icon, .footer-link-child {
    font-size: 12px;
  }

  .down-footer {
    font-size: 10px;
  }

  .fa-whatsapp {
    font-size: 16px;
  }
}

/* Mobile S */
@media (max-width: 359px) {

}

/* Mobile M */
@media (min-width: 360px) and (max-width: 413px) {

}

/* Mobile L */
@media (min-width: 414px) and (max-width: 767px) {

}

/* Tablets (577px–767px) */
@media only screen and (min-width: 577px) and (max-width: 767px) {
  .footer {
    flex-direction: column;
    gap: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
    max-width: 100%;
  }
  .right-side-footer{
  	gap: 20px;
  }
  .logo-link-footer {
    text-align: center;
    width: 35%;
    max-width: 35%;
  }

  .sadna-logo-footer {
    width: 100%;
    max-width: 100%;
  }

  .social-icons-footer {
    margin-top: 30px;
    gap: 15px;
  }

  .customer-service, .main-catagories, .useful-links {
    gap: 20px;
  }

  .footer-heading, .footer-informations {
    font-size: 22px;
  }

  .footer-information, .footer-icon, .footer-link-child {
    font-size: 13px;
  }

  .down-footer {
    font-size: 11px;
  }

  .fa-whatsapp {
    font-size: 17px;
  }
}

/* Small Laptops (768px–991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer {
    flex-direction: row;
    justify-content: space-between;
    gap: 35px;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    max-width: 100%;
  }

  .logo-link-footer {
    text-align: left;
    width: 55%;
  }

  .sadna-logo-footer {
    width: 100%;
    max-width: 100%;
  }

  .social-icons-footer {
    margin-top: 40px;
    gap: 20px;
  }

  .customer-service, .main-catagories, .useful-links {
    gap: 25px;
  }

  .footer-heading, .footer-informations {
    font-size: 24px;
  }

  .footer-information, .footer-icon, .footer-link-child {
    font-size: 14px;
  }

  .down-footer {
    font-size: 12px;
  }

  .fa-whatsapp {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	.footer{
		width: 100%;
		max-width: 100%;
		flex-wrap: wrap;
	}
	.social-icons-footer{
		margin-top: 0;
	}
	.left-side-footer{
		display: flex;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.footer{
		width: 100%;
		max-width: 100%;
		flex-wrap: wrap;
	}
	.social-icons-footer{
		margin-top: 0;
	}
	.left-side-footer{
		display: flex;
	}
	.useful-footer{
		margin-bottom: 44px;
	}
}

@media only screen and (min-width: 1921px) {
	.logo-link-footer{
		width: 30%;
		max-width: 30%;
	}
}





@import url("https://fonts.googleapis.com/css?family=Bitter|Open+Sans:400,700");*,*::after,*::before{box-sizing:inherit}*{font:inherit}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr{margin:0;padding:0;border:0}html{box-sizing:border-box}body{background-color:hsl(0, 0%, 100%);background-color:var(--color-bg, white)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,form legend{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}button,input,textarea,select{margin:0}.btn,.form-control,.link,.reset{background-color:transparent;padding:0;border:0;border-radius:0;color:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control::-ms-expand{display:none}textarea{resize:vertical;overflow:auto;vertical-align:top}input::-ms-clear{display:none}table{border-collapse:collapse;border-spacing:0}img,video,svg{max-width:100%}[data-theme]{background-color:hsl(0, 0%, 100%);background-color:var(--color-bg, #fff);color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}:root{--space-unit:  1em;--space-xxxxs: calc(0.125*var(--space-unit));--space-xxxs:  calc(0.25*var(--space-unit));--space-xxs:   calc(0.375*var(--space-unit));--space-xs:    calc(0.5*var(--space-unit));--space-sm:    calc(0.75*var(--space-unit));--space-md:    calc(1.25*var(--space-unit));--space-lg:    calc(2*var(--space-unit));--space-xl:    calc(3.25*var(--space-unit));--space-xxl:   calc(5.25*var(--space-unit));--space-xxxl:  calc(8.5*var(--space-unit));--space-xxxxl: calc(13.75*var(--space-unit));--component-padding: var(--space-md)}:root{--max-width-xxs: 32rem;--max-width-xs:  38rem;--max-width-sm:  48rem;--max-width-md:  64rem;--max-width-lg:  80rem;--max-width-xl:  90rem;--max-width-xxl: 120rem}.container{width:calc(100% - 1.25em);width:calc(100% - 2*var(--component-padding));margin-left:auto;margin-right:auto}.max-width-xxs{max-width:32rem;max-width:var(--max-width-xxs)}.max-width-xs{max-width:38rem;max-width:var(--max-width-xs)}.max-width-sm{max-width:48rem;max-width:var(--max-width-sm)}.max-width-md{max-width:64rem;max-width:var(--max-width-md)}.max-width-lg{max-width:80rem;max-width:var(--max-width-lg)}.max-width-xl{max-width:90rem;max-width:var(--max-width-xl)}.max-width-xxl{max-width:120rem;max-width:var(--max-width-xxl)}.max-width-adaptive-sm{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-sm{max-width:48rem;max-width:var(--max-width-sm)}}.max-width-adaptive-md{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-md{max-width:64rem;max-width:var(--max-width-md)}}.max-width-adaptive,.max-width-adaptive-lg{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive,.max-width-adaptive-lg{max-width:64rem;max-width:var(--max-width-md)}}@media (min-width: 90rem){.max-width-adaptive,.max-width-adaptive-lg{max-width:80rem;max-width:var(--max-width-lg)}}.max-width-adaptive-xl{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-xl{max-width:64rem;max-width:var(--max-width-md)}}@media (min-width: 90rem){.max-width-adaptive-xl{max-width:90rem;max-width:var(--max-width-xl)}}.grid{--grid-gap: 0px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid>*{-ms-flex-preferred-size:100%;flex-basis:100%}[class*="grid-gap"]{margin-bottom:1em * -1;margin-bottom:calc(var(--grid-gap, 1em)*-1);margin-right:1em * -1;margin-right:calc(var(--grid-gap, 1em)*-1)}[class*="grid-gap"]>*{margin-bottom:1em;margin-bottom:var(--grid-gap, 1em);margin-right:1em;margin-right:var(--grid-gap, 1em)}.grid-gap-xxxxs{--grid-gap: var(--space-xxxxs)}.grid-gap-xxxs{--grid-gap: var(--space-xxxs)}.grid-gap-xxs{--grid-gap: var(--space-xxs)}.grid-gap-xs{--grid-gap: var(--space-xs)}.grid-gap-sm{--grid-gap: var(--space-sm)}.grid-gap-md{--grid-gap: var(--space-md)}.grid-gap-lg{--grid-gap: var(--space-lg)}.grid-gap-xl{--grid-gap: var(--space-xl)}.grid-gap-xxl{--grid-gap: var(--space-xxl)}.grid-gap-xxxl{--grid-gap: var(--space-xxxl)}.grid-gap-xxxxl{--grid-gap: var(--space-xxxxl)}.col{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}@media (min-width: 32rem){.col\@xs{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@xs{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@xs{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@xs{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@xs{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@xs{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@xs{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@xs{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@xs{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@xs{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@xs{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@xs{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@xs{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 48rem){.col\@sm{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@sm{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@sm{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@sm{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@sm{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@sm{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@sm{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@sm{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@sm{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@sm{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@sm{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@sm{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@sm{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 64rem){.col\@md{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@md{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@md{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@md{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@md{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@md{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@md{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@md{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@md{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@md{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@md{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@md{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@md{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 80rem){.col\@lg{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@lg{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@lg{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@lg{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@lg{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@lg{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@lg{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@lg{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@lg{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@lg{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@lg{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@lg{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@lg{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 90rem){.col\@xl{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@xl{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@xl{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@xl{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@xl{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@xl{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@xl{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@xl{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@xl{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@xl{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@xl{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@xl{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@xl{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}:root{--radius-sm: calc(var(--radius, 0.25em)/2);--radius-md: var(--radius, 0.25em);--radius-lg: calc(var(--radius, 0.25em)*2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);--shadow-md: 0 1px 8px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .15);--shadow-lg: 0 1px 8px rgba(0, 0, 0, .1), 0 16px 48px rgba(0, 0, 0, .1), 0 24px 60px rgba(0, 0, 0, .1);--bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);--ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);--ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-out: cubic-bezier(0.215, 0.61, 0.355, 1)}:root{--body-line-height: 1.4;--heading-line-height: 1.2}body{font-size:1em;font-size:var(--text-base-size, 1em);font-family:'Bitter', sans-serif;font-family:var(--font-primary, sans-serif);color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}h1,h2,h3,h4{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21);line-height:1.2;line-height:var(--heading-line-height, 1.2)}.text-xxxl{font-size:2.48832em;font-size:var(--text-xxxl, 2.488em)}h1,.text-xxl{font-size:2.0736em;font-size:var(--text-xxl, 2.074em)}h2,.text-xl{font-size:1.728em;font-size:var(--text-xl, 1.728em)}h3,.text-lg{font-size:1.44em;font-size:var(--text-lg, 1.44em)}h4,.text-md{font-size:1.2em;font-size:var(--text-md, 1.2em)}small,.text-sm{font-size:0.83333em;font-size:var(--text-sm, 0.833em)}.text-xs{font-size:0.69444em;font-size:var(--text-xs, 0.694em)}a,.link{color:hsl(220, 90%, 56%);color:var(--color-primary, #2a6df4);text-decoration:underline}strong,.text-bold{font-weight:bold}s{text-decoration:line-through}u,.text-underline{text-decoration:underline}.text-component{--component-body-line-height: calc(var(--body-line-height)*var(--line-height-multiplier, 1));--component-heading-line-height: calc(var(--heading-line-height)*var(--line-height-multiplier, 1))}.text-component h1,.text-component h2,.text-component h3,.text-component h4{line-height:1.2;line-height:var(--component-heading-line-height, 1.2);margin-bottom:0.25em;margin-bottom:calc(var(--space-xxxs)*var(--text-vspace-multiplier, 1))}.text-component h2,.text-component h3,.text-component h4{margin-top:0.75em;margin-top:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component p,.text-component blockquote,.text-component ul li,.text-component ol li{line-height:1.4;line-height:var(--component-body-line-height)}.text-component ul,.text-component ol,.text-component p,.text-component blockquote,.text-component .text-component__block{margin-bottom:0.75em;margin-bottom:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component ul,.text-component ol{padding-left:1em}.text-component ul{list-style-type:disc}.text-component ol{list-style-type:decimal}.text-component img{display:block;margin:0 auto}.text-component figcaption{text-align:center;margin-top:0.5em;margin-top:var(--space-xs)}.text-component em{font-style:italic}.text-component hr{margin-top:2em;margin-top:calc(var(--space-lg)*var(--text-vspace-multiplier, 1));margin-bottom:2em;margin-bottom:calc(var(--space-lg)*var(--text-vspace-multiplier, 1));margin-left:auto;margin-right:auto}.text-component>*:first-child{margin-top:0}.text-component>*:last-child{margin-bottom:0}.text-component__block--full-width{width:100vw;margin-left:calc(50% - 50vw)}@media (min-width: 48rem){.text-component__block--left,.text-component__block--right{width:45%}.text-component__block--left img,.text-component__block--right img{width:100%}.text-component__block--left{float:left;margin-right:0.75em;margin-right:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component__block--right{float:right;margin-left:0.75em;margin-left:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}}@media (min-width: 90rem){.text-component__block--outset{width:calc(100% + 10.5em);width:calc(100% + 2*var(--space-xxl))}.text-component__block--outset img{width:100%}.text-component__block--outset:not(.text-component__block--right){margin-left:-5.25em;margin-left:calc(-1*var(--space-xxl))}.text-component__block--left,.text-component__block--right{width:50%}.text-component__block--right.text-component__block--outset{margin-right:-5.25em;margin-right:calc(-1*var(--space-xxl))}}:root{--icon-xxs: 12px;--icon-xs:  16px;--icon-sm:  24px;--icon-md:  32px;--icon-lg:  48px;--icon-xl:  64px;--icon-xxl: 128px}.icon{display:inline-block;color:inherit;fill:currentColor;height:1em;width:1em;line-height:1;-ms-flex-negative:0;flex-shrink:0}.icon--xxs{font-size:12px;font-size:var(--icon-xxs)}.icon--xs{font-size:16px;font-size:var(--icon-xs)}.icon--sm{font-size:24px;font-size:var(--icon-sm)}.icon--md{font-size:32px;font-size:var(--icon-md)}.icon--lg{font-size:48px;font-size:var(--icon-lg)}.icon--xl{font-size:64px;font-size:var(--icon-xl)}.icon--xxl{font-size:128px;font-size:var(--icon-xxl)}.icon--is-spinning{-webkit-animation:icon-spin 1s infinite linear;animation:icon-spin 1s infinite linear}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icon use{color:inherit;fill:currentColor}.btn{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;white-space:nowrap;text-decoration:none;line-height:1;font-size:1em;font-size:var(--btn-font-size, 1em);padding-top:0.5em;padding-top:var(--btn-padding-y, 0.5em);padding-bottom:0.5em;padding-bottom:var(--btn-padding-y, 0.5em);padding-left:0.75em;padding-left:var(--btn-padding-x, 0.75em);padding-right:0.75em;padding-right:var(--btn-padding-x, 0.75em);border-radius:0.25em;border-radius:var(--btn-radius, 0.25em)}.btn--primary{background-color:hsl(220, 90%, 56%);background-color:var(--color-primary, #2a6df4);color:hsl(0, 0%, 100%);color:var(--color-white, #fff)}.btn--subtle{background-color:hsl(240, 1%, 83%);background-color:var(--color-contrast-low, #d3d3d4);color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21)}.btn--accent{background-color:hsl(355, 90%, 61%);background-color:var(--color-accent, #f54251);color:hsl(0, 0%, 100%);color:var(--color-white, #fff)}.btn--disabled{cursor:not-allowed}.btn--sm{font-size:0.8em;font-size:var(--btn-font-size-sm, 0.8em)}.btn--md{font-size:1.2em;font-size:var(--btn-font-size-md, 1.2em)}.btn--lg{font-size:1.4em;font-size:var(--btn-font-size-lg, 1.4em)}.btn--icon{padding:0.5em;padding:var(--btn-padding-y, 0.5em)}.form-control{background-color:hsl(0, 0%, 100%);background-color:var(--color-bg, #f2f2f2);padding-top:0.5em;padding-top:var(--form-control-padding-y, 0.5em);padding-bottom:0.5em;padding-bottom:var(--form-control-padding-y, 0.5em);padding-left:0.75em;padding-left:var(--form-control-padding-x, 0.75em);padding-right:0.75em;padding-right:var(--form-control-padding-x, 0.75em);border-radius:0.25em;border-radius:var(--form-control-radius, 0.25em)}.form-control::-webkit-input-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control::-moz-placeholder{opacity:1;color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control:-ms-input-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control:-moz-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control[disabled],.form-control[readonly]{cursor:not-allowed}.form-legend{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21);line-height:1.2;font-size:1.2em;font-size:var(--text-md, 1.2em);margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.form-label{display:inline-block}.form__msg-error{background-color:hsl(355, 90%, 61%);background-color:var(--color-error, #f54251);color:hsl(0, 0%, 100%);color:var(--color-white, #fff);font-size:0.83333em;font-size:var(--text-sm, 0.833em);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0.5em;padding:var(--space-xs);margin-top:0.75em;margin-top:var(--space-sm);border-radius:0.25em;border-radius:var(--radius-md, 0.25em);position:absolute;clip:rect(1px, 1px, 1px, 1px)}.form__msg-error::before{content:'';position:absolute;left:0.75em;left:var(--space-sm);top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);width:0;height:0;border:8px solid transparent;border-bottom-color:hsl(355, 90%, 61%);border-bottom-color:var(--color-error)}.form__msg-error--is-visible{position:relative;clip:auto}.radio-list>*,.checkbox-list>*{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.radio-list>*:last-of-type,.checkbox-list>*:last-of-type{margin-bottom:0}.radio-list label,.checkbox-list label{line-height:1.4;line-height:var(--body-line-height);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-list input,.checkbox-list input{vertical-align:top;margin-right:0.25em;margin-right:var(--space-xxxs);-ms-flex-negative:0;flex-shrink:0}:root{--zindex-header: 2;--zindex-popover: 5;--zindex-fixed-element: 10;--zindex-overlay: 15}@media not all and (min-width: 32rem){.display\@xs{display:none !important}}@media (min-width: 32rem){.hide\@xs{display:none !important}}@media not all and (min-width: 48rem){.display\@sm{display:none !important}}@media (min-width: 48rem){.hide\@sm{display:none !important}}@media not all and (min-width: 64rem){.display\@md{display:none !important}}@media (min-width: 64rem){.hide\@md{display:none !important}}@media not all and (min-width: 80rem){.display\@lg{display:none !important}}@media (min-width: 80rem){.hide\@lg{display:none !important}}@media not all and (min-width: 90rem){.display\@xl{display:none !important}}@media (min-width: 90rem){.hide\@xl{display:none !important}}:root{--display: block}.is-visible{display:block !important;display:var(--display) !important}.is-hidden{display:none !important}.sr-only{position:absolute;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;border:0;white-space:nowrap}.flex{display:-ms-flexbox;display:flex}.inline-flex{display:-ms-inline-flexbox;display:inline-flex}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column{-ms-flex-direction:column;flex-direction:column}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.justify-between{-ms-flex-pack:justify;justify-content:space-between}.items-center{-ms-flex-align:center;align-items:center}.items-start{-ms-flex-align:start;align-items:flex-start}.items-end{-ms-flex-align:end;align-items:flex-end}@media (min-width: 32rem){.flex-wrap\@xs{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@xs{-ms-flex-direction:column;flex-direction:column}.flex-row\@xs{-ms-flex-direction:row;flex-direction:row}.flex-center\@xs{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@xs{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@xs{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@xs{-ms-flex-pack:center;justify-content:center}.justify-between\@xs{-ms-flex-pack:justify;justify-content:space-between}.items-center\@xs{-ms-flex-align:center;align-items:center}.items-start\@xs{-ms-flex-align:start;align-items:flex-start}.items-end\@xs{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 48rem){.flex-wrap\@sm{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@sm{-ms-flex-direction:column;flex-direction:column}.flex-row\@sm{-ms-flex-direction:row;flex-direction:row}.flex-center\@sm{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@sm{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@sm{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@sm{-ms-flex-pack:center;justify-content:center}.justify-between\@sm{-ms-flex-pack:justify;justify-content:space-between}.items-center\@sm{-ms-flex-align:center;align-items:center}.items-start\@sm{-ms-flex-align:start;align-items:flex-start}.items-end\@sm{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 64rem){.flex-wrap\@md{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@md{-ms-flex-direction:column;flex-direction:column}.flex-row\@md{-ms-flex-direction:row;flex-direction:row}.flex-center\@md{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@md{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@md{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@md{-ms-flex-pack:center;justify-content:center}.justify-between\@md{-ms-flex-pack:justify;justify-content:space-between}.items-center\@md{-ms-flex-align:center;align-items:center}.items-start\@md{-ms-flex-align:start;align-items:flex-start}.items-end\@md{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 80rem){.flex-wrap\@lg{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@lg{-ms-flex-direction:column;flex-direction:column}.flex-row\@lg{-ms-flex-direction:row;flex-direction:row}.flex-center\@lg{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@lg{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@lg{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@lg{-ms-flex-pack:center;justify-content:center}.justify-between\@lg{-ms-flex-pack:justify;justify-content:space-between}.items-center\@lg{-ms-flex-align:center;align-items:center}.items-start\@lg{-ms-flex-align:start;align-items:flex-start}.items-end\@lg{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 90rem){.flex-wrap\@xl{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@xl{-ms-flex-direction:column;flex-direction:column}.flex-row\@xl{-ms-flex-direction:row;flex-direction:row}.flex-center\@xl{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@xl{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@xl{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@xl{-ms-flex-pack:center;justify-content:center}.justify-between\@xl{-ms-flex-pack:justify;justify-content:space-between}.items-center\@xl{-ms-flex-align:center;align-items:center}.items-start\@xl{-ms-flex-align:start;align-items:flex-start}.items-end\@xl{-ms-flex-align:end;align-items:flex-end}}.flex-grow{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-gap-xxxs{margin-bottom:-0.25em;margin-bottom:calc(-1*var(--space-xxxs));margin-right:-0.25em;margin-right:calc(-1*var(--space-xxxs))}.flex-gap-xxxs>*{margin-bottom:0.25em;margin-bottom:var(--space-xxxs);margin-right:0.25em;margin-right:var(--space-xxxs)}.flex-gap-xxs{margin-bottom:-0.375em;margin-bottom:calc(-1*var(--space-xxs));margin-right:-0.375em;margin-right:calc(-1*var(--space-xxs))}.flex-gap-xxs>*{margin-bottom:0.375em;margin-bottom:var(--space-xxs);margin-right:0.375em;margin-right:var(--space-xxs)}.flex-gap-xs{margin-bottom:-0.5em;margin-bottom:calc(-1*var(--space-xs));margin-right:-0.5em;margin-right:calc(-1*var(--space-xs))}.flex-gap-xs>*{margin-bottom:0.5em;margin-bottom:var(--space-xs);margin-right:0.5em;margin-right:var(--space-xs)}.flex-gap-sm{margin-bottom:-0.75em;margin-bottom:calc(-1*var(--space-sm));margin-right:-0.75em;margin-right:calc(-1*var(--space-sm))}.flex-gap-sm>*{margin-bottom:0.75em;margin-bottom:var(--space-sm);margin-right:0.75em;margin-right:var(--space-sm)}.flex-gap-md{margin-bottom:-1.25em;margin-bottom:calc(-1*var(--space-md));margin-right:-1.25em;margin-right:calc(-1*var(--space-md))}.flex-gap-md>*{margin-bottom:1.25em;margin-bottom:var(--space-md);margin-right:1.25em;margin-right:var(--space-md)}.flex-gap-lg{margin-bottom:-2em;margin-bottom:calc(-1*var(--space-lg));margin-right:-2em;margin-right:calc(-1*var(--space-lg))}.flex-gap-lg>*{margin-bottom:2em;margin-bottom:var(--space-lg);margin-right:2em;margin-right:var(--space-lg)}.flex-gap-xl{margin-bottom:-3.25em;margin-bottom:calc(-1*var(--space-xl));margin-right:-3.25em;margin-right:calc(-1*var(--space-xl))}.flex-gap-xl>*{margin-bottom:3.25em;margin-bottom:var(--space-xl);margin-right:3.25em;margin-right:var(--space-xl)}.flex-gap-xxl{margin-bottom:-5.25em;margin-bottom:calc(-1*var(--space-xxl));margin-right:-5.25em;margin-right:calc(-1*var(--space-xxl))}.flex-gap-xxl>*{margin-bottom:5.25em;margin-bottom:var(--space-xxl);margin-right:5.25em;margin-right:var(--space-xxl)}.margin-xxxxs{margin:0.125em;margin:var(--space-xxxxs)}.margin-xxxs{margin:0.25em;margin:var(--space-xxxs)}.margin-xxs{margin:0.375em;margin:var(--space-xxs)}.margin-xs{margin:0.5em;margin:var(--space-xs)}.margin-sm{margin:0.75em;margin:var(--space-sm)}.margin-md{margin:1.25em;margin:var(--space-md)}.margin-lg{margin:2em;margin:var(--space-lg)}.margin-xl{margin:3.25em;margin:var(--space-xl)}.margin-xxl{margin:5.25em;margin:var(--space-xxl)}.margin-xxxl{margin:8.5em;margin:var(--space-xxxl)}.margin-xxxxl{margin:13.75em;margin:var(--space-xxxxl)}.margin-auto{margin:auto}.margin-top-xxxxs{margin-top:0.125em;margin-top:var(--space-xxxxs)}.margin-top-xxxs{margin-top:0.25em;margin-top:var(--space-xxxs)}.margin-top-xxs{margin-top:0.375em;margin-top:var(--space-xxs)}.margin-top-xs{margin-top:0.5em;margin-top:var(--space-xs)}.margin-top-sm{margin-top:0.75em;margin-top:var(--space-sm)}.margin-top-md{margin-top:1.25em;margin-top:var(--space-md)}.margin-top-lg{margin-top:2em;margin-top:var(--space-lg)}.margin-top-xl{margin-top:3.25em;margin-top:var(--space-xl)}.margin-top-xxl{margin-top:5.25em;margin-top:var(--space-xxl)}.margin-top-xxxl{margin-top:8.5em;margin-top:var(--space-xxxl)}.margin-top-xxxxl{margin-top:13.75em;margin-top:var(--space-xxxxl)}.margin-top-auto{margin-top:auto}.margin-bottom-xxxxs{margin-bottom:0.125em;margin-bottom:var(--space-xxxxs)}.margin-bottom-xxxs{margin-bottom:0.25em;margin-bottom:var(--space-xxxs)}.margin-bottom-xxs{margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.margin-bottom-xs{margin-bottom:0.5em;margin-bottom:var(--space-xs)}.margin-bottom-sm{margin-bottom:0.75em;margin-bottom:var(--space-sm)}.margin-bottom-md{margin-bottom:1.25em;margin-bottom:var(--space-md)}.margin-bottom-lg{margin-bottom:2em;margin-bottom:var(--space-lg)}.margin-bottom-xl{margin-bottom:3.25em;margin-bottom:var(--space-xl)}.margin-bottom-xxl{margin-bottom:5.25em;margin-bottom:var(--space-xxl)}.margin-bottom-xxxl{margin-bottom:8.5em;margin-bottom:var(--space-xxxl)}.margin-bottom-xxxxl{margin-bottom:13.75em;margin-bottom:var(--space-xxxxl)}.margin-bottom-auto{margin-bottom:auto}.margin-right-xxxxs{margin-right:0.125em;margin-right:var(--space-xxxxs)}.margin-right-xxxs{margin-right:0.25em;margin-right:var(--space-xxxs)}.margin-right-xxs{margin-right:0.375em;margin-right:var(--space-xxs)}.margin-right-xs{margin-right:0.5em;margin-right:var(--space-xs)}.margin-right-sm{margin-right:0.75em;margin-right:var(--space-sm)}.margin-right-md{margin-right:1.25em;margin-right:var(--space-md)}.margin-right-lg{margin-right:2em;margin-right:var(--space-lg)}.margin-right-xl{margin-right:3.25em;margin-right:var(--space-xl)}.margin-right-xxl{margin-right:5.25em;margin-right:var(--space-xxl)}.margin-right-xxxl{margin-right:8.5em;margin-right:var(--space-xxxl)}.margin-right-xxxxl{margin-right:13.75em;margin-right:var(--space-xxxxl)}.margin-right-auto{margin-right:auto}.margin-left-xxxxs{margin-left:0.125em;margin-left:var(--space-xxxxs)}.margin-left-xxxs{margin-left:0.25em;margin-left:var(--space-xxxs)}.margin-left-xxs{margin-left:0.375em;margin-left:var(--space-xxs)}.margin-left-xs{margin-left:0.5em;margin-left:var(--space-xs)}.margin-left-sm{margin-left:0.75em;margin-left:var(--space-sm)}.margin-left-md{margin-left:1.25em;margin-left:var(--space-md)}.margin-left-lg{margin-left:2em;margin-left:var(--space-lg)}.margin-left-xl{margin-left:3.25em;margin-left:var(--space-xl)}.margin-left-xxl{margin-left:5.25em;margin-left:var(--space-xxl)}.margin-left-xxxl{margin-left:8.5em;margin-left:var(--space-xxxl)}.margin-left-xxxxl{margin-left:13.75em;margin-left:var(--space-xxxxl)}.margin-left-auto{margin-left:auto}.margin-x-xxxxs{margin-left:0.125em;margin-left:var(--space-xxxxs);margin-right:0.125em;margin-right:var(--space-xxxxs)}.margin-x-xxxs{margin-left:0.25em;margin-left:var(--space-xxxs);margin-right:0.25em;margin-right:var(--space-xxxs)}.margin-x-xxs{margin-left:0.375em;margin-left:var(--space-xxs);margin-right:0.375em;margin-right:var(--space-xxs)}.margin-x-xs{margin-left:0.5em;margin-left:var(--space-xs);margin-right:0.5em;margin-right:var(--space-xs)}.margin-x-sm{margin-left:0.75em;margin-left:var(--space-sm);margin-right:0.75em;margin-right:var(--space-sm)}.margin-x-md{margin-left:1.25em;margin-left:var(--space-md);margin-right:1.25em;margin-right:var(--space-md)}.margin-x-lg{margin-left:2em;margin-left:var(--space-lg);margin-right:2em;margin-right:var(--space-lg)}.margin-x-xl{margin-left:3.25em;margin-left:var(--space-xl);margin-right:3.25em;margin-right:var(--space-xl)}.margin-x-xxl{margin-left:5.25em;margin-left:var(--space-xxl);margin-right:5.25em;margin-right:var(--space-xxl)}.margin-x-xxxl{margin-left:8.5em;margin-left:var(--space-xxxl);margin-right:8.5em;margin-right:var(--space-xxxl)}.margin-x-xxxxl{margin-left:13.75em;margin-left:var(--space-xxxxl);margin-right:13.75em;margin-right:var(--space-xxxxl)}.margin-x-auto{margin-left:auto;margin-right:auto}.margin-y-xxxxs{margin-top:0.125em;margin-top:var(--space-xxxxs);margin-bottom:0.125em;margin-bottom:var(--space-xxxxs)}.margin-y-xxxs{margin-top:0.25em;margin-top:var(--space-xxxs);margin-bottom:0.25em;margin-bottom:var(--space-xxxs)}.margin-y-xxs{margin-top:0.375em;margin-top:var(--space-xxs);margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.margin-y-xs{margin-top:0.5em;margin-top:var(--space-xs);margin-bottom:0.5em;margin-bottom:var(--space-xs)}.margin-y-sm{margin-top:0.75em;margin-top:var(--space-sm);margin-bottom:0.75em;margin-bottom:var(--space-sm)}.margin-y-md{margin-top:1.25em;margin-top:var(--space-md);margin-bottom:1.25em;margin-bottom:var(--space-md)}.margin-y-lg{margin-top:2em;margin-top:var(--space-lg);margin-bottom:2em;margin-bottom:var(--space-lg)}.margin-y-xl{margin-top:3.25em;margin-top:var(--space-xl);margin-bottom:3.25em;margin-bottom:var(--space-xl)}.margin-y-xxl{margin-top:5.25em;margin-top:var(--space-xxl);margin-bottom:5.25em;margin-bottom:var(--space-xxl)}.margin-y-xxxl{margin-top:8.5em;margin-top:var(--space-xxxl);margin-bottom:8.5em;margin-bottom:var(--space-xxxl)}.margin-y-xxxxl{margin-top:13.75em;margin-top:var(--space-xxxxl);margin-bottom:13.75em;margin-bottom:var(--space-xxxxl)}.margin-y-auto{margin-top:auto;margin-bottom:auto}@media not all and (min-width: 32rem){.has-margin\@xs{margin:0 !important}}@media not all and (min-width: 48rem){.has-margin\@sm{margin:0 !important}}@media not all and (min-width: 64rem){.has-margin\@md{margin:0 !important}}@media not all and (min-width: 80rem){.has-margin\@lg{margin:0 !important}}@media not all and (min-width: 90rem){.has-margin\@xl{margin:0 !important}}.padding-md{padding:1.25em;padding:var(--space-md)}.padding-xxxxs{padding:0.125em;padding:var(--space-xxxxs)}.padding-xxxs{padding:0.25em;padding:var(--space-xxxs)}.padding-xxs{padding:0.375em;padding:var(--space-xxs)}.padding-xs{padding:0.5em;padding:var(--space-xs)}.padding-sm{padding:0.75em;padding:var(--space-sm)}.padding-lg{padding:2em;padding:var(--space-lg)}.padding-xl{padding:3.25em;padding:var(--space-xl)}.padding-xxl{padding:5.25em;padding:var(--space-xxl)}.padding-xxxl{padding:8.5em;padding:var(--space-xxxl)}.padding-xxxxl{padding:13.75em;padding:var(--space-xxxxl)}.padding-component{padding:1.25em;padding:var(--component-padding)}.padding-top-md{padding-top:1.25em;padding-top:var(--space-md)}.padding-top-xxxxs{padding-top:0.125em;padding-top:var(--space-xxxxs)}.padding-top-xxxs{padding-top:0.25em;padding-top:var(--space-xxxs)}.padding-top-xxs{padding-top:0.375em;padding-top:var(--space-xxs)}.padding-top-xs{padding-top:0.5em;padding-top:var(--space-xs)}.padding-top-sm{padding-top:0.75em;padding-top:var(--space-sm)}.padding-top-lg{padding-top:2em;padding-top:var(--space-lg)}.padding-top-xl{padding-top:3.25em;padding-top:var(--space-xl)}.padding-top-xxl{padding-top:5.25em;padding-top:var(--space-xxl)}.padding-top-xxxl{padding-top:8.5em;padding-top:var(--space-xxxl)}.padding-top-xxxxl{padding-top:13.75em;padding-top:var(--space-xxxxl)}.padding-top-component{padding-top:1.25em;padding-top:var(--component-padding)}.padding-bottom-md{padding-bottom:1.25em;padding-bottom:var(--space-md)}.padding-bottom-xxxxs{padding-bottom:0.125em;padding-bottom:var(--space-xxxxs)}.padding-bottom-xxxs{padding-bottom:0.25em;padding-bottom:var(--space-xxxs)}.padding-bottom-xxs{padding-bottom:0.375em;padding-bottom:var(--space-xxs)}.padding-bottom-xs{padding-bottom:0.5em;padding-bottom:var(--space-xs)}.padding-bottom-sm{padding-bottom:0.75em;padding-bottom:var(--space-sm)}.padding-bottom-lg{padding-bottom:2em;padding-bottom:var(--space-lg)}.padding-bottom-xl{padding-bottom:3.25em;padding-bottom:var(--space-xl)}.padding-bottom-xxl{padding-bottom:5.25em;padding-bottom:var(--space-xxl)}.padding-bottom-xxxl{padding-bottom:8.5em;padding-bottom:var(--space-xxxl)}.padding-bottom-xxxxl{padding-bottom:13.75em;padding-bottom:var(--space-xxxxl)}.padding-bottom-component{padding-bottom:1.25em;padding-bottom:var(--component-padding)}.padding-right-md{padding-right:1.25em;padding-right:var(--space-md)}.padding-right-xxxxs{padding-right:0.125em;padding-right:var(--space-xxxxs)}.padding-right-xxxs{padding-right:0.25em;padding-right:var(--space-xxxs)}.padding-right-xxs{padding-right:0.375em;padding-right:var(--space-xxs)}.padding-right-xs{padding-right:0.5em;padding-right:var(--space-xs)}.padding-right-sm{padding-right:0.75em;padding-right:var(--space-sm)}.padding-right-lg{padding-right:2em;padding-right:var(--space-lg)}.padding-right-xl{padding-right:3.25em;padding-right:var(--space-xl)}.padding-right-xxl{padding-right:5.25em;padding-right:var(--space-xxl)}.padding-right-xxxl{padding-right:8.5em;padding-right:var(--space-xxxl)}.padding-right-xxxxl{padding-right:13.75em;padding-right:var(--space-xxxxl)}.padding-right-component{padding-right:1.25em;padding-right:var(--component-padding)}.padding-left-md{padding-left:1.25em;padding-left:var(--space-md)}.padding-left-xxxxs{padding-left:0.125em;padding-left:var(--space-xxxxs)}.padding-left-xxxs{padding-left:0.25em;padding-left:var(--space-xxxs)}.padding-left-xxs{padding-left:0.375em;padding-left:var(--space-xxs)}.padding-left-xs{padding-left:0.5em;padding-left:var(--space-xs)}.padding-left-sm{padding-left:0.75em;padding-left:var(--space-sm)}.padding-left-lg{padding-left:2em;padding-left:var(--space-lg)}.padding-left-xl{padding-left:3.25em;padding-left:var(--space-xl)}.padding-left-xxl{padding-left:5.25em;padding-left:var(--space-xxl)}.padding-left-xxxl{padding-left:8.5em;padding-left:var(--space-xxxl)}.padding-left-xxxxl{padding-left:13.75em;padding-left:var(--space-xxxxl)}.padding-left-component{padding-left:1.25em;padding-left:var(--component-padding)}.padding-x-md{padding-left:1.25em;padding-left:var(--space-md);padding-right:1.25em;padding-right:var(--space-md)}.padding-x-xxxxs{padding-left:0.125em;padding-left:var(--space-xxxxs);padding-right:0.125em;padding-right:var(--space-xxxxs)}.padding-x-xxxs{padding-left:0.25em;padding-left:var(--space-xxxs);padding-right:0.25em;padding-right:var(--space-xxxs)}.padding-x-xxs{padding-left:0.375em;padding-left:var(--space-xxs);padding-right:0.375em;padding-right:var(--space-xxs)}.padding-x-xs{padding-left:0.5em;padding-left:var(--space-xs);padding-right:0.5em;padding-right:var(--space-xs)}.padding-x-sm{padding-left:0.75em;padding-left:var(--space-sm);padding-right:0.75em;padding-right:var(--space-sm)}.padding-x-lg{padding-left:2em;padding-left:var(--space-lg);padding-right:2em;padding-right:var(--space-lg)}.padding-x-xl{padding-left:3.25em;padding-left:var(--space-xl);padding-right:3.25em;padding-right:var(--space-xl)}.padding-x-xxl{padding-left:5.25em;padding-left:var(--space-xxl);padding-right:5.25em;padding-right:var(--space-xxl)}.padding-x-xxxl{padding-left:8.5em;padding-left:var(--space-xxxl);padding-right:8.5em;padding-right:var(--space-xxxl)}.padding-x-xxxxl{padding-left:13.75em;padding-left:var(--space-xxxxl);padding-right:13.75em;padding-right:var(--space-xxxxl)}.padding-x-component{padding-left:1.25em;padding-left:var(--component-padding);padding-right:1.25em;padding-right:var(--component-padding)}.padding-y-md{padding-top:1.25em;padding-top:var(--space-md);padding-bottom:1.25em;padding-bottom:var(--space-md)}.padding-y-xxxxs{padding-top:0.125em;padding-top:var(--space-xxxxs);padding-bottom:0.125em;padding-bottom:var(--space-xxxxs)}.padding-y-xxxs{padding-top:0.25em;padding-top:var(--space-xxxs);padding-bottom:0.25em;padding-bottom:var(--space-xxxs)}.padding-y-xxs{padding-top:0.375em;padding-top:var(--space-xxs);padding-bottom:0.375em;padding-bottom:var(--space-xxs)}.padding-y-xs{padding-top:0.5em;padding-top:var(--space-xs);padding-bottom:0.5em;padding-bottom:var(--space-xs)}.padding-y-sm{padding-top:0.75em;padding-top:var(--space-sm);padding-bottom:0.75em;padding-bottom:var(--space-sm)}.padding-y-lg{padding-top:2em;padding-top:var(--space-lg);padding-bottom:2em;padding-bottom:var(--space-lg)}.padding-y-xl{padding-top:3.25em;padding-top:var(--space-xl);padding-bottom:3.25em;padding-bottom:var(--space-xl)}.padding-y-xxl{padding-top:5.25em;padding-top:var(--space-xxl);padding-bottom:5.25em;padding-bottom:var(--space-xxl)}.padding-y-xxxl{padding-top:8.5em;padding-top:var(--space-xxxl);padding-bottom:8.5em;padding-bottom:var(--space-xxxl)}.padding-y-xxxxl{padding-top:13.75em;padding-top:var(--space-xxxxl);padding-bottom:13.75em;padding-bottom:var(--space-xxxxl)}.padding-y-component{padding-top:1.25em;padding-top:var(--component-padding);padding-bottom:1.25em;padding-bottom:var(--component-padding)}@media not all and (min-width: 32rem){.has-padding\@xs{padding:0 !important}}@media not all and (min-width: 48rem){.has-padding\@sm{padding:0 !important}}@media not all and (min-width: 64rem){.has-padding\@md{padding:0 !important}}@media not all and (min-width: 80rem){.has-padding\@lg{padding:0 !important}}@media not all and (min-width: 90rem){.has-padding\@xl{padding:0 !important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-replace{overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (min-width: 32rem){.text-center\@xs{text-align:center}.text-left\@xs{text-align:left}.text-right\@xs{text-align:right}}@media (min-width: 48rem){.text-center\@sm{text-align:center}.text-left\@sm{text-align:left}.text-right\@sm{text-align:right}}@media (min-width: 64rem){.text-center\@md{text-align:center}.text-left\@md{text-align:left}.text-right\@md{text-align:right}}@media (min-width: 80rem){.text-center\@lg{text-align:center}.text-left\@lg{text-align:left}.text-right\@lg{text-align:right}}@media (min-width: 90rem){.text-center\@xl{text-align:center}.text-left\@xl{text-align:left}.text-right\@xl{text-align:right}}.color-inherit{color:inherit}.color-contrast-medium{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.color-contrast-high{color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}.color-contrast-higher{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21)}.color-primary{color:hsl(220, 90%, 56%);color:var(--color-primary, #2a6df4)}.color-accent{color:hsl(355, 90%, 61%);color:var(--color-accent, #f54251)}.color-success{color:hsl(94, 48%, 56%);color:var(--color-success, #88c559)}.color-warning{color:hsl(46, 100%, 61%);color:var(--color-warning, #ffd138)}.color-error{color:hsl(355, 90%, 61%);color:var(--color-error, #f54251)}.width-100\%{width:100%}.height-100\%{height:100%}.media-wrapper{position:relative;height:0;padding-bottom:56.25%}.media-wrapper iframe,.media-wrapper video,.media-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%}.media-wrapper video,.media-wrapper img{-o-object-fit:cover;object-fit:cover}.media-wrapper--4\:3{padding-bottom:75%}:root,[data-theme="default"]{--color-primary-darker:hsl(220, 90%, 36%);--color-primary-darker-h:220;--color-primary-darker-s:90%;--color-primary-darker-l:36%;--color-primary-dark:hsl(220, 90%, 46%);--color-primary-dark-h:220;--color-primary-dark-s:90%;--color-primary-dark-l:46%;--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-primary-light:hsl(220, 90%, 66%);--color-primary-light-h:220;--color-primary-light-s:90%;--color-primary-light-l:66%;--color-primary-lighter:hsl(220, 90%, 76%);--color-primary-lighter-h:220;--color-primary-lighter-s:90%;--color-primary-lighter-l:76%;--color-accent-darker:hsl(355, 90%, 41%);--color-accent-darker-h:355;--color-accent-darker-s:90%;--color-accent-darker-l:41%;--color-accent-dark:hsl(355, 90%, 51%);--color-accent-dark-h:355;--color-accent-dark-s:90%;--color-accent-dark-l:51%;--color-accent:hsl(355, 90%, 61%);--color-accent-h:355;--color-accent-s:90%;--color-accent-l:61%;--color-accent-light:hsl(355, 90%, 71%);--color-accent-light-h:355;--color-accent-light-s:90%;--color-accent-light-l:71%;--color-accent-lighter:hsl(355, 90%, 81%);--color-accent-lighter-h:355;--color-accent-lighter-s:90%;--color-accent-lighter-l:81%;--color-black:hsl(240, 8%, 12%);--color-black-h:240;--color-black-s:8%;--color-black-l:12%;--color-white:hsl(0, 0%, 100%);--color-white-h:0;--color-white-s:0%;--color-white-l:100%;--color-success-darker:hsl(94, 48%, 36%);--color-success-darker-h:94;--color-success-darker-s:48%;--color-success-darker-l:36%;--color-success-dark:hsl(94, 48%, 46%);--color-success-dark-h:94;--color-success-dark-s:48%;--color-success-dark-l:46%;--color-success:hsl(94, 48%, 56%);--color-success-h:94;--color-success-s:48%;--color-success-l:56%;--color-success-light:hsl(94, 48%, 66%);--color-success-light-h:94;--color-success-light-s:48%;--color-success-light-l:66%;--color-success-lighter:hsl(94, 48%, 76%);--color-success-lighter-h:94;--color-success-lighter-s:48%;--color-success-lighter-l:76%;--color-error-darker:hsl(355, 90%, 41%);--color-error-darker-h:355;--color-error-darker-s:90%;--color-error-darker-l:41%;--color-error-dark:hsl(355, 90%, 51%);--color-error-dark-h:355;--color-error-dark-s:90%;--color-error-dark-l:51%;--color-error:hsl(355, 90%, 61%);--color-error-h:355;--color-error-s:90%;--color-error-l:61%;--color-error-light:hsl(355, 90%, 71%);--color-error-light-h:355;--color-error-light-s:90%;--color-error-light-l:71%;--color-error-lighter:hsl(355, 90%, 81%);--color-error-lighter-h:355;--color-error-lighter-s:90%;--color-error-lighter-l:81%;--color-warning-darker:hsl(46, 100%, 41%);--color-warning-darker-h:46;--color-warning-darker-s:100%;--color-warning-darker-l:41%;--color-warning-dark:hsl(46, 100%, 51%);--color-warning-dark-h:46;--color-warning-dark-s:100%;--color-warning-dark-l:51%;--color-warning:hsl(46, 100%, 61%);--color-warning-h:46;--color-warning-s:100%;--color-warning-l:61%;--color-warning-light:hsl(46, 100%, 71%);--color-warning-light-h:46;--color-warning-light-s:100%;--color-warning-light-l:71%;--color-warning-lighter:hsl(46, 100%, 81%);--color-warning-lighter-h:46;--color-warning-lighter-s:100%;--color-warning-lighter-l:81%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%}@supports (--css: variables){@media (min-width: 64rem){:root{--space-unit:  1.25em}}}:root{--radius: 0.25em}:root{--font-primary: sans-serif;--text-base-size: 1em;--text-scale-ratio: 1.2;--text-xs: calc(1em/var(--text-scale-ratio)/var(--text-scale-ratio));--text-sm: calc(var(--text-xs)*var(--text-scale-ratio));--text-md: calc(var(--text-sm)*var(--text-scale-ratio)*var(--text-scale-ratio));--text-lg: calc(var(--text-md)*var(--text-scale-ratio));--text-xl: calc(var(--text-lg)*var(--text-scale-ratio));--text-xxl: calc(var(--text-xl)*var(--text-scale-ratio));--text-xxxl: calc(var(--text-xxl)*var(--text-scale-ratio));--body-line-height: 1.4;--heading-line-height: 1.2;--font-primary-capital-letter: 1}@supports (--css: variables){@media (min-width: 64rem){:root{--text-base-size: 1.25em;--text-scale-ratio: 1.25}}}mark{background-color:hsla(355, 90%, 61%, 0.2);background-color:hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);color:inherit}.text-component{--line-height-multiplier: 1;--text-vspace-multiplier: 1}.text-component blockquote{padding-left:1em;border-left:4px solid hsl(240, 1%, 83%);border-left:4px solid var(--color-contrast-low)}.text-component hr{background:hsl(240, 1%, 83%);background:var(--color-contrast-low);height:1px}.text-component figcaption{font-size:0.83333em;font-size:var(--text-sm);color:hsl(240, 1%, 48%);color:var(--color-contrast-medium)}.article.text-component{--line-height-multiplier: 1.13;--text-vspace-multiplier: 1.2}:root{--btn-font-size: 1em;--btn-font-size-sm: calc(var(--btn-font-size) - 0.2em);--btn-font-size-md: calc(var(--btn-font-size) + 0.2em);--btn-font-size-lg: calc(var(--btn-font-size) + 0.4em);--btn-radius: 0.25em;--btn-padding-x: var(--space-sm);--btn-padding-y: var(--space-xs)}.btn{--color-shadow: hsla(240, 8%, 12%, 0.15);--color-shadow: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);box-shadow:0 4px 16px hsla(240, 8%, 12%, 0.15);box-shadow:0 4px 16px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);cursor:pointer}.btn--primary{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn--accent{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn--disabled{opacity:0.6}:root{--form-control-padding-x: var(--space-sm);--form-control-padding-y: var(--space-xs);--form-control-radius: 0.25em}.form-control{border:2px solid hsl(240, 1%, 83%);border:2px solid var(--color-contrast-low)}.form-control:focus{outline:none;border-color:hsl(220, 90%, 56%);border-color:var(--color-primary);--color-shadow: hsla(220, 90%, 56%, 0.2);--color-shadow: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)}.form-control:focus:focus{box-shadow:0 0 0 3px hsla(220, 90%, 56%, 0.2);box-shadow:0 0 0 3px var(--color-shadow)}.form-control[aria-invalid="true"]{border-color:hsl(355, 90%, 61%);border-color:var(--color-error)}.form-control[aria-invalid="true"]:focus{--color-shadow: hsla(355, 90%, 61%, 0.2);--color-shadow: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)}.form-control[aria-invalid="true"]:focus:focus{box-shadow:0 0 0 3px hsla(355, 90%, 61%, 0.2);box-shadow:0 0 0 3px var(--color-shadow)}.form-label{font-size:0.83333em;font-size:var(--text-sm)}:root{--cd-color-1:hsl(53, 29%, 95%);--cd-color-1-h:53;--cd-color-1-s:29%;--cd-color-1-l:95%;--cd-color-2:hsl(330, 13%, 42%);--cd-color-2-h:330;--cd-color-2-s:13%;--cd-color-2-l:42%;--cd-color-3:hsl(5, 76%, 62%);--cd-color-3-h:5;--cd-color-3-s:76%;--cd-color-3-l:62%;--cd-back-to-top-size: 40px;--cd-back-to-top-margin: 20px;--font-primary: 'Bitter', sans-serif;--font-secondary: 'Open Sans', sans-serif}@supports (--css: variables){@media (min-width: 64rem){:root{--cd-back-to-top-size: 60px;--cd-back-to-top-margin: 30px}}}.cd-top{position:fixed;bottom:20px;bottom:var(--cd-back-to-top-margin);right:20px;right:var(--cd-back-to-top-margin);display:inline-block;height:40px;height:var(--cd-back-to-top-size);width:40px;width:var(--cd-back-to-top-size);box-shadow:0 0 10px rgba(0,0,0,0.05);background:url(../img/cd-top-arrow.svg) no-repeat center 50%;background-color:hsla(5, 76%, 62%, 0.8);background-color:hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)}.js .cd-top{visibility:hidden;opacity:0;transition:opacity .3s, visibility .3s, background-color .3s}.js .cd-top--is-visible{visibility:visible;opacity:1}.js .cd-top--fade-out{opacity:.5}.js .cd-top:hover{background-color:hsl(5, 76%, 62%);background-color:var(--cd-color-3);opacity:1}body{background-color:hsl(330, 13%, 42%);background-color:var(--cd-color-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cd-main-header{height:180px;background-color:hsl(330, 13%, 31.92%);background-color:hsl(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.76));color:hsl(53, 29%, 95%);color:var(--cd-color-1);font-family:'Open Sans', sans-serif;font-family:var(--font-secondary)}.cd-main-header h1{font-weight:bold;color:inherit;text-transform:uppercase}.cd-main-header p{color:hsl(330, 13%, 52.08%);color:hsl(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*1.24))}.cd-main-header a{color:hsl(53, 29%, 95%);color:var(--cd-color-1);font-family:'Bitter', sans-serif;font-family:var(--font-primary)}@media (min-width: 64rem){.cd-main-header{height:280px}}.cd-main-content p{color:hsl(53, 29%, 95%);color:var(--cd-color-1)}