@charset "UTF-8";
/*!
Theme Name: Murni Bakery
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: murni-bakery
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Murni Bakery is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Custom
--------------------------------------------- */
/* Modern Clearfix
/* @include clearfix;
-------------------------*/
/* Legacy Clearfix (for older browser support)
/* @include clearfix-legacy;
-------------------------*/
/* Box Sizing
/* @include box-sizing(border-box);
-------------------------*/
/* Text Truncation
/* @include text-truncate;
-------------------------*/
/* Input Placeholder Styling
/*
    input {
        @include input-placeholder {
            color: #aaa;
            font-style: italic;
        }
    }
-------------------------*/
/* Responsive Aspect Ratio
/* 
    div {
        @include aspect-ratio(16, 9);
    }
-------------------------*/
/* Responsive Container Wrapper
/*
    .wrapper {
        @include wrapper(320px, 1200px);
    }
-------------------------*/
/* Line Height with Responsive Units
/* @include line-height(24);
-------------------------*/
/*
=== USAGE GUIDE ===

📱 2-STEP MIXINS (Mobile → Desktop):
• responsive-font(16px, 24px)           - Fluid font scaling
• responsive-spacing('padding', 10px, 30px) - Fluid spacing
• responsive-flex(column, row)          - Flex direction change
• responsive-text-align(center, left)   - Text alignment change
• responsive-position(relative, absolute) - Position change

📱📟🖥️ 3-STEP MIXINS (Mobile → Tablet → Desktop):
• responsive-font-3step(16px, 20px, 24px)     - Fixed font sizes
• responsive-font-fluid(16px, 20px, 24px)     - Smooth font scaling
• responsive-spacing-3step('margin', 10px, 20px, 30px) - Fixed spacing
• responsive-flex-3step(column, row, row)     - 3-step flex direction
• responsive-text-align-3step(center, center, left) - 3-step alignment
• responsive-grid(1, 2, 3)                   - Auto grid columns

🎯 BREAKPOINTS (from include-media):
• Mobile:  up to 767px
• Tablet:  768px - 1023px
• Desktop: 1024px+

💡 PRO TIP: Use fluid() directly for maximum control:
• font-size: clamp(1rem, 0.91vw + 0.82rem, 1.5rem);
• margin: clamp(-0.63rem, -1.56vw + -0.31rem, -1.25rem);  // Negative values work!

*/
/* Responsive Font Scaling (2-step: mobile → desktop)
/*
    h1 {
        @include responsive-font(24px, 48px);
        @include responsive-font(24px, 48px, 768px, 1440px);
    }
-------------------------*/
/* 3-Step Responsive Font (mobile → tablet → desktop)
/*
    h1 {
        @include responsive-font-3step(16px, 24px, 32px);
    }
-------------------------*/
/* 3-Step Fluid Font (smooth scaling between breakpoints)
/*
    h1 {
        @include responsive-font-fluid(16px, 24px, 32px);
    }
-------------------------*/
/* Responsive Spacing (2-step: mobile → desktop)
/*
    .section {
        @include responsive-spacing('padding', 20px, 60px);
        @include responsive-spacing('margin-top', 10px, 30px);
    }
-------------------------*/
/* 3-Step Responsive Spacing (mobile → tablet → desktop)
/*
    .section {
        @include responsive-spacing-3step('padding', 10px, 20px, 40px);
    }
-------------------------*/
/* Responsive Grid (Auto-responsive)
/*
    .grid {
        @include responsive-grid(1, 2, 3); // 1 col mobile → 2 tablet → 3 desktop
    }
-------------------------*/
/* Responsive Flexbox Direction (2-step)
/*
    .flex-container {
        @include responsive-flex(column, row);
    }
-------------------------*/
/* 3-Step Responsive Flexbox
/*
    .flex-container {
        @include responsive-flex-3step(column, row, row);
    }
-------------------------*/
/* Show/Hide Elements by Device
/*
    .desktop-only {
        @include hide-until(desktop);
    }
    .mobile-only {
        @include hide-from(tablet);
    }
-------------------------*/
/* Responsive Container Queries
/*
    .card {
        @include container-responsive(300px, 600px) {
            // Styles when container is between 300px-600px
        }
    }
-------------------------*/
/* Responsive Image Scaling
/*
    .hero-image {
        @include responsive-image(cover, 300px, 600px);   // px
        @include responsive-image(cover, 50vh, 100vh);    // vh
        @include responsive-image(cover, 30%, 60%);       // percentage
        @include responsive-image(cover, 50vw, 80vw);     // vw
    }
-------------------------*/
/* Responsive Text Alignment (2-step)
/*
    .title {
        @include responsive-text-align(center, left);
    }
-------------------------*/
/* 3-Step Text Alignment
/*
    .title {
        @include responsive-text-align-3step(center, center, left);
    }
-------------------------*/
/* Responsive Positioning
/*
    .floating-element {
        @include responsive-position(relative, absolute, 10px, 20px);
    }
-------------------------*/
*, *::before, *::after {
  box-sizing: border-box;
}

/* HDR Image Support */
img[src*=".avif"],
img[src*=".webp"],
img[src*=".hdr"],
img[src*=".exr"] {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  color-gamut: p3;
  color-rendering: auto;
  image-resolution: from-image;
  image-orientation: from-image;
  max-width: 100%;
  height: auto;
}

/* Ensure proper color space for HDR content */
@supports (color: color(display-p3 1 1 1)) {
  img[src*=".avif"],
  img[src*=".webp"],
  img[src*=".hdr"],
  img[src*=".exr"] {
    color-gamut: color(display-p3 1 1 1);
  }
}
/* Fallback for browsers that don't support HDR */
@supports not (color: color(display-p3 1 1 1)) {
  img[src*=".hdr"],
  img[src*=".exr"] {
    filter: brightness(1.2) contrast(1.1) saturate(1.1);
  }
}
html, body, div, span, object, iframe, figure,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, em, img, small, strike, strong, sub, sup,
tt, b, u, i, ol, ul, li, fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
}

body {
  font-family: "Raleway", sans-serif;
  font-feature-settings: "kern";
  font-synthesis: none;
  min-height: 100vh;
  max-width: 1920px;
  width: 100%;
  background-color: #F7ECDD;
  margin: 0 auto !important;
  line-height: 1.6;
  color: #414042;
  scroll-behavior: smooth;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
body:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
body.nav-open {
  overflow: hidden;
}
body.nav-open:after {
  opacity: 1;
  visibility: visible;
}

main {
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, dl, dt, dd {
  margin: 0;
  padding: 0;
  font-family: "Raleway", sans-serif;
  color: inherit;
}

ul, ol {
  list-style: none;
}

ul[class], ol[class] {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
  cursor: pointer;
}

img, video, iframe {
  width: 100%;
  max-inline-size: 100%;
  block-size: auto;
}

input, textarea, select {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: #414042;
}
input::placeholder, textarea::placeholder, select::placeholder {
  color: #414042;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  line-height: normal;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

select {
  appearance: none;
  background-image: none;
  outline: 0;
}
select::-ms-expand {
  display: none;
}

blockquote, q {
  quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

::selection {
  background: rgba(0, 0, 0, 0.3);
}

.no-select {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
}
a, button {
  transition: all 0.3s ease;
}

.wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: 120rem;
  min-width: 20rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: relative;
}

.home {
  position: relative;
}
.home .banner-ti-mobile {
  display: none;
}
.home .banner-ti-desk {
  display: block;
}
@media (max-width: 1024px) {
  .home .banner-ti-mobile {
    display: block;
    position: absolute;
    top: 20%;
    left: 20px;
    width: 100%;
    max-width: clamp(9.38rem, 25.16vw + 4.34rem, 16.88rem);
  }
  .home .banner-ti-desk {
    display: none;
  }
}
.home picture {
  width: 100%;
}
@media (max-width: 1024px) {
  .home picture {
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
  }
}
.home__content {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  width: 100%;
  max-width: 600px;
}
@media (max-width: 1680px) {
  .home__content {
    max-width: 520px;
  }
}
@media (max-width: 1280px) {
  .home__content {
    max-width: 380px;
  }
}
@media (max-width: 1024px) {
  .home__content {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding: 0 30px;
    text-align: center;
    max-width: none;
  }
}
.home__content .banner-ti-desk {
  margin-bottom: 25px;
}
.home__content p {
  margin-bottom: 25px;
  font-weight: 400;
  font-size: clamp(1rem, 0.38vw + 0.93rem, 1.38rem);
  color: #ffffff;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .home__content p {
    color: #414042;
  }
}
.home__content a {
  font-weight: 700;
  font-size: 15px;
  color: #414042;
  line-height: 1.25;
  text-decoration: none;
  background-color: #DBB474;
  padding: clamp(0.75rem, 0.25vw + 0.7rem, 1rem) clamp(1.5rem, 0.5vw + 1.4rem, 2rem);
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 6px;
}
.home__content a:hover {
  background-color: #d19e4b;
  color: #ffffff;
}

.learn_more {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
  gap: 25px;
  box-sizing: border-box;
  width: 100%;
  max-width: 120rem;
  min-width: 20rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: relative;
}
@media (max-width: 979px) {
  .learn_more {
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  }
}
@media (max-width: 680px) {
  .learn_more {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
.learn_more .box {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: clamp(23.44rem, 28.44vw + 17.75rem, 51.88rem);
}
.learn_more .box h2 {
  font-weight: 700;
  font-size: clamp(2.5rem, 3.5vw + 1.8rem, 6rem);
  color: #ffffff;
  line-height: 1.25;
}
.learn_more .box a {
  font-weight: 400;
  font-size: clamp(1rem, 1.5vw + 0.7rem, 2.5rem);
  color: #ffffff;
  line-height: 1.25;
  display: flex;
  align-items: center;
  gap: 10px;
}
.learn_more .box a i {
  font-size: clamp(1rem, 1.5vw + 0.7rem, 2.5rem);
}

.home-about {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 25px;
}
@media (max-width: 797px) {
  .home-about {
    flex-direction: column;
  }
}
.home-about .image {
  width: 45%;
  margin-bottom: -40px;
}
@media (max-width: 797px) {
  .home-about .image {
    width: 100%;
  }
}
.home-about .home-about-content {
  width: 55%;
  padding-top: clamp(1.88rem, 5.63vw + 0.75rem, 7.5rem);
  padding-right: clamp(1.88rem, 5.63vw + 0.75rem, 7.5rem);
}
@media (max-width: 797px) {
  .home-about .home-about-content {
    width: 100%;
    text-align: center;
    padding: 0 30px 30px 30px;
  }
}
.home-about .home-about-content h2 {
  font-weight: 700;
  font-size: clamp(2.25rem, 1.75vw + 1.9rem, 4rem);
  color: #C72E35;
  line-height: 1.25;
  margin-bottom: 15px;
}
.home-about .home-about-content h3 {
  font-weight: 700;
  font-size: clamp(1.63rem, 0vw + 1.63rem, 1.63rem);
  color: #C72E35;
  line-height: 1.25;
  margin-bottom: 15px;
}
.home-about .home-about-content p {
  font-weight: 400;
  font-size: clamp(1.25rem, 0.75vw + 1.1rem, 2rem);
  color: #C72E35;
  line-height: 1.25;
  margin-bottom: 15px;
}
.home-about .home-about-content a {
  font-weight: 700;
  font-size: clamp(1.63rem, 0.38vw + 1.55rem, 2rem);
  color: #C72E35;
  line-height: 1.25;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 797px) {
  .home-about .home-about-content a {
    justify-content: center;
  }
}
.home-about .home-about-content a i {
  font-size: clamp(1.63rem, 0.38vw + 1.55rem, 2rem);
}

.mission {
  position: relative;
  min-height: clamp(28.13rem, 18.75vw + 24.38rem, 46.88rem);
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 797px) {
  .mission {
    margin-top: -75px;
  }
}
.mission__content {
  width: 100%;
  max-width: clamp(15.63rem, 20.63vw + 11.5rem, 36.25rem);
  position: relative;
  overflow: hidden;
  margin-left: clamp(0.94rem, 16.56vw + -2.38rem, 17.5rem);
}
@media (max-width: 797px) {
  .mission__content {
    max-width: none;
    margin-left: 0;
    padding: 0 30px;
  }
}
.mission__content h2 {
  font-weight: 700;
  font-size: clamp(2.5rem, 0vw + 2.5rem, 2.5rem);
  color: #C72E35;
  line-height: 1.25;
  margin-bottom: 25px;
}
.mission__content p {
  font-weight: 500;
  font-size: clamp(1rem, 0.38vw + 0.93rem, 1.38rem);
  color: #C72E35;
  line-height: 1.25;
  margin-bottom: 30px;
}
.mission .bread-img {
  position: absolute;
  top: 0;
  left: -300px;
  width: clamp(21.88rem, 21.88vw + 17.5rem, 43.75rem);
}
@media (max-width: 797px) {
  .mission .bread-img {
    left: 50%;
    transform: translateX(-50%);
    bottom: -280px;
    top: auto;
  }
}
@media (max-width: 480px) {
  .mission .bread-img {
    bottom: -275px;
  }
}
.mission .mission-img {
  position: absolute;
  top: 50%;
  right: -100px;
  transform: translateY(-55%);
  width: clamp(18.75rem, 56.25vw + 7.5rem, 75rem);
}
@media (max-width: 797px) {
  .mission .mission-img {
    display: block;
    right: -70%;
    top: 40%;
    transform: none;
  }
}

@media (max-width: 1024px) {
  .action {
    margin-bottom: -35px;
  }
}

:root {
  --primary-color: #2196f3;
  --primary-glow: rgba(33, 150, 243, 0.8);
  --secondary-color: #9c27b0;
  --text-color: #ffffff;
  --bg-color: #0a0a12;
  --nav-bg: rgba(16, 16, 26, 0.7);
  --dropdown-bg: rgba(20, 20, 35, 0.8);
  --hover-color: #3f51b5;
  --border-color: rgba(255, 255, 255, 0.08);
  --shadow-color: rgba(0, 0, 0, 0.3);
  --neon-glow: 0 0 10px rgba(33, 150, 243, 0.5),
               0 0 20px rgba(33, 150, 243, 0.3),
               0 0 30px rgba(33, 150, 243, 0.1);
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-medium: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --gradient-bg: linear-gradient(135deg, var(--bg-color), #151530);
  --glass-effect: saturate(180%) blur(10px);
  --border-radius: 12px;
  --text-description: rgba(255, 255, 255, 0.7);
}

/* Header and Navbar */
.header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  background: #C72E35;
}

/* Logo */
.logo {
  position: relative;
  display: inline-block;
}
@media (max-width: 640px) {
  .logo {
    width: 100%;
    max-width: 170px;
  }
}

/* Navigation Menu */
.nav-menu {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.nav-list {
  display: flex;
  gap: 1.5rem;
  list-style: none;
}

.nav-item {
  position: relative;
}

.nav-link {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  padding: 5px 1rem;
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  gap: 5px;
  border: 1px solid transparent;
}

.nav-link:hover, .nav-link:visited,
.nav-link.active {
  color: #ffffff;
  border: 1px solid #ffffff;
  transform: translateY(-2px);
}

/* Icons */
.icon {
  transition: var(--transition-medium);
  vertical-align: middle;
}

.chevron-icon {
  transition: transform var(--transition-medium);
}

.has-dropdown:hover .chevron-icon {
  transform: rotate(180deg);
}

.hidden {
  display: none;
}

/* Dropdown Menus */
.has-dropdown {
  position: relative;
}

.dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 220px;
  background: rgba(20, 20, 35, 0.8);
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px) scale(0.98);
  transition: all var(--transition-medium);
  box-shadow: 0 10px 30px var(--shadow-color);
  z-index: 100;
}

.has-dropdown:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.dropdown::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 20px;
  width: 12px;
  height: 12px;
  background: var(--dropdown-bg);
  border-left: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
  transform: rotate(45deg);
  backdrop-filter: var(--glass-effect);
  -webkit-backdrop-filter: var(--glass-effect);
}

.dropdown li {
  list-style: none;
}

.dropdown a {
  color: var(--text-color);
  text-decoration: none;
  padding: 0.7rem 1rem;
  display: block;
  border-radius: var(--border-radius);
  transition: all var(--transition-medium);
  margin-bottom: 2px;
}

.dropdown a:hover {
  background: rgba(33, 150, 243, 0.15);
  color: var(--primary-color);
  transform: translateX(5px);
}

/* Search Bar */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.search-container {
  position: relative;
  display: flex;
  align-items: center;
}

.search-input {
  padding: 0.6rem 1rem !important;
  border: none;
  border-radius: 10px !important;
  background: #ffffff;
  color: #414042;
  width: 180px;
  transition: all var(--transition-medium);
  font-size: 0.9rem;
}

.search-input:focus {
  outline: none;
  background: #ffffff;
  width: 240px;
  box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.3);
}

.search-input::placeholder {
  color: #414042 !important;
}

.search-btn {
  background: none;
  border: none;
  color: #414042;
  cursor: pointer;
  padding: 0.5rem;
  position: absolute;
  right: 5px;
  transition: var(--transition-fast);
}

.search-btn:hover {
  color: var(--primary-color);
  transform: scale(1.1);
}

/* Theme Toggle */
.theme-toggle {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--border-color);
  color: var(--text-color);
  cursor: pointer;
  padding: 0.6rem;
  font-size: 1.2rem;
  transition: all var(--transition-medium);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-toggle:hover {
  color: var(--primary-color);
  text-shadow: var(--neon-glow);
  background: rgba(255, 255, 255, 0.15);
  transform: rotate(15deg);
}

/* Hamburger Menu */
.nav-toggle {
  display: none;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 0.6rem;
  transition: var(--transition-medium);
}

.nav-toggle:hover {
  background: rgba(255, 255, 255, 0.15);
}

.hamburger {
  width: 24px;
  height: 20px;
  position: relative;
}

.hamburger span {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--text-color);
  position: absolute;
  transition: all var(--transition-medium);
  border-radius: 10px;
}

.hamburger span:first-child {
  top: 0;
}

.hamburger span:nth-child(2) {
  top: 9px;
  width: 70%;
}

.hamburger span:last-child {
  top: 18px;
}

/* Mobile Menu Active State */
.nav-active .hamburger span:first-child {
  transform: rotate(45deg);
  top: 9px;
}

.nav-active .hamburger span:nth-child(2) {
  opacity: 0;
  width: 0;
}

.nav-active .hamburger span:last-child {
  transform: rotate(-45deg);
  top: 9px;
}

/* Responsive Design */
@media (max-width: 1280px) {
  .nav-toggle {
    display: flex;
  }
  .nav-menu {
    position: fixed;
    top: 100px;
    right: -100%;
    flex-direction: column;
    align-items: flex-start;
    background: rgba(199, 46, 53, 0.8);
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    width: 100%;
    height: calc(100vh - 70px);
    padding: 2rem;
    transition: right var(--transition-slow);
  }
  .nav-active .nav-menu {
    right: 0;
  }
  .nav-list {
    flex-direction: column;
    width: 100%;
    margin-bottom: 2rem;
  }
  .nav-item {
    width: 100%;
  }
  .nav-link {
    width: 100%;
    padding: 1rem;
    border-bottom: 1px solid var(--border-color);
  }
  .nav-link.active::after {
    display: none;
  }
  .nav-link.active {
    background: rgba(33, 150, 243, 0.15);
  }
  .dropdown {
    position: static;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    padding: 0;
    padding-left: 1rem;
    margin-left: 1rem;
    display: none;
    box-shadow: none;
    border-left: 1px solid var(--border-color);
    transform: none;
    transition: all var(--transition-medium);
  }
  .dropdown::before {
    display: none;
  }
  .has-dropdown.active .dropdown {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .dropdown a {
    padding: 0.8rem 1rem;
    border-bottom: 1px solid var(--border-color);
  }
  .nav-actions {
    width: 100%;
    flex-direction: column;
    gap: 1rem;
  }
  .search-container {
    width: 100%;
  }
  .search-input,
  .search-input:focus {
    width: 100%;
  }
  .search-input {
    padding: 0.8rem 1rem;
  }
  .theme-toggle {
    align-self: flex-start;
  }
  .chevron-icon {
    position: absolute;
    right: 1rem;
  }
  .has-dropdown.active .chevron-icon {
    transform: rotate(180deg);
  }
}
@media (max-width: 576px) {
  .navbar {
    padding: 1rem;
  }
  .nav-menu {
    width: 100%;
  }
  .hero h1 {
    font-size: 2.2rem;
  }
  .hero p {
    font-size: 1rem;
  }
  .content {
    padding: 1rem;
  }
  .section {
    padding: 3rem 1rem;
  }
}
.footer-wp {
  background-color: #ffffff;
}
.footer-wp .social-gp {
  padding: 15px 30px;
}
.footer-wp .social-gp ul {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 15px;
}
.footer-wp .social-gp ul li a {
  font-size: 30px;
}
.footer-wp .social-gp ul li a:hover i {
  color: #414042;
}
.footer-wp .social-gp ul li a i {
  color: #C72E35;
  transition: color 0.3s ease;
}
.footer-wp .devider {
  background-color: #D9D9D9;
  height: 1px;
  width: 100%;
}
.footer-wp .copyright {
  padding: 35px 30px;
  text-align: center;
}
.footer-wp .copyright p {
  color: #414042;
  font-size: fluid(11px, 16px, 320px, 1920px);
}
@media (max-width: 640px) {
  .footer-wp .copyright p span {
    display: block;
  }
}

.videos {
  margin-bottom: 25px;
}

.video {
  padding-bottom: 50px;
}
.video__header {
  padding: clamp(2.19rem, 2.81vw + 1.63rem, 5rem) 0 clamp(1.88rem, 0.63vw + 1.75rem, 2.5rem) 0;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 53.125rem;
  min-width: 20rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: relative;
}
.video__header h2 {
  font-weight: 700;
  font-size: clamp(2.5rem, 1.75vw + 2.15rem, 4.25rem);
  color: #C72E35;
  line-height: 1.25;
}
.video__header p {
  font-weight: 400;
  font-size: clamp(1rem, 0.63vw + 0.88rem, 1.63rem);
  color: #414042;
  line-height: 1.25;
}
.video__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(540px, auto));
  row-gap: clamp(2.19rem, 2.81vw + 1.63rem, 5rem);
  column-gap: clamp(0.94rem, 2.19vw + 0.5rem, 3.13rem);
  margin-bottom: 3rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 120rem;
  min-width: 20rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: relative;
  padding: 0;
}
@media (max-width: 1680px) {
  .video__grid {
    grid-template-columns: repeat(auto-fill, minmax(380px, auto));
  }
}
@media (max-width: 1440px) {
  .video__grid {
    grid-template-columns: repeat(auto-fill, minmax(320px, auto));
  }
}
@media (max-width: 1280px) {
  .video__grid {
    grid-template-columns: repeat(auto-fill, minmax(320px, auto));
  }
}
@media (max-width: 979px) {
  .video__grid {
    grid-template-columns: repeat(auto-fill, minmax(180px, auto));
  }
}
.video__item {
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.video__item:hover {
  transform: scale(1.02);
}
.video__item__img {
  position: relative;
}
.video__item__img .icon {
  position: absolute;
  bottom: 25px;
  right: 25px;
  transition: transform 0.3s ease;
}
.video__item:hover .icon {
  transform: scale(1.1);
}
.video__item__content h3 {
  font-weight: 600;
  font-size: clamp(1rem, 0.25vw + 0.95rem, 1.25rem);
  color: #414042;
  line-height: 1.25;
}

.video-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
}
.video-modal.show {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.3s ease;
}
.video-modal-content {
  position: relative;
  width: 90%;
  max-width: 1200px;
  max-height: 90%;
  background: #000;
  border-radius: 10px;
  animation: slideIn 0.3s ease;
}
.video-modal-close {
  position: absolute;
  top: -50px;
  right: 10px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10001;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-modal-close:hover {
  color: #C72E35;
  background: rgba(0, 0, 0, 0.9);
  transform: scale(1.1);
}
.video-modal-close i {
  font-size: 18px;
}
.video-modal-body {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.video-modal-body iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: scale(0.8) translateY(-50px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@media (max-width: 768px) {
  .video-modal-content {
    width: 95%;
    margin: 0 auto;
  }
  .video-modal-close {
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    font-size: 24px;
  }
  .video-modal-close i {
    font-size: 16px;
  }
}
.about {
  padding-bottom: clamp(2.19rem, 2.81vw + 1.63rem, 5rem);
}
.about__header {
  padding: clamp(2.19rem, 2.81vw + 1.63rem, 5rem) 0 clamp(1.88rem, 0.63vw + 1.75rem, 2.5rem) 0;
  text-align: left;
}
.about__header h2 {
  font-weight: 700;
  font-size: clamp(2rem, 6vw + 0.8rem, 8rem);
  color: #414042;
  line-height: 1.25;
}
.about__header h2 span {
  color: #C72E35;
}
.about__content {
  display: flex;
  gap: 70px;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
  top: -120px;
  margin-bottom: -120px;
}
@media (max-width: 979px) {
  .about__content {
    flex-direction: column;
    gap: 40px;
    top: 0px;
    margin-bottom: 0px;
  }
}
.about__content__img {
  width: 100%;
  max-width: 1044px;
  height: auto;
  position: relative;
  right: -30px;
}
@media (max-width: 979px) {
  .about__content__img {
    right: 0px;
    width: 110%;
  }
}
.about__content__img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.about__content__text {
  width: 100%;
  max-width: 730px;
}
.about__content__text .space {
  height: clamp(0rem, 11.25vw + -2.25rem, 11.25rem);
}
@media (max-width: 979px) {
  .about__content__text .space {
    display: none;
  }
}
.about__content__text h3 {
  font-weight: 700;
  font-size: clamp(1.75rem, 0.25vw + 1.7rem, 2rem);
  color: #414042;
  line-height: 1.25;
  margin-bottom: 30px;
}
.about__content__text p {
  font-weight: 400;
  font-size: clamp(1rem, 1vw + 0.8rem, 2rem);
  color: #414042;
  line-height: 1.25;
  margin-bottom: 30px;
}
.about__hww {
  position: relative;
}
.about__hww__header {
  padding: clamp(1.88rem, 0.63vw + 1.75rem, 2.5rem) 0;
  text-align: left;
}
.about__hww__header h2 {
  font-weight: 700;
  font-size: clamp(2.5rem, 3.5vw + 1.8rem, 6rem);
  color: #414042;
  line-height: 1.25;
}
.about__hww__flow {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(20rem, 1.23vw + 19.75rem, 20.63rem), auto));
  row-gap: clamp(2.19rem, 2.81vw + 1.63rem, 5rem);
  column-gap: clamp(0.94rem, 2.19vw + 0.5rem, 3.13rem);
  margin-bottom: 3rem;
  padding: 0;
}
@media (max-width: 1580px) {
  .about__hww__flow {
    grid-template-columns: repeat(auto-fill, minmax(280px, auto));
  }
}
@media (max-width: 1310px) {
  .about__hww__flow {
    grid-template-columns: repeat(auto-fill, minmax(390px, auto));
  }
}
@media (max-width: 1135px) {
  .about__hww__flow {
    grid-template-columns: repeat(auto-fill, minmax(320px, auto));
  }
}
.about__hww__flow .flow {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 979px) {
  .about__hww__flow .flow {
    flex-direction: row;
    gap: 20px;
  }
}
.about__hww__flow .flow .icon {
  width: 100%;
  max-width: clamp(5rem, 0.94vw + 4.81rem, 5.94rem);
  height: auto;
}
.about__hww__flow .flow .icon img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.about__hww__flow .flow .content h3 {
  font-weight: 700;
  font-size: clamp(1.5rem, 0.5vw + 1.4rem, 2rem);
  color: #C72E35;
  line-height: clamp(1.5rem, 0.5vw + 1.4rem, 2rem);
  padding: 0;
  margin-bottom: clamp(0.31rem, 0.31vw + 0.25rem, 0.63rem);
}
.about__hww__flow .flow .content p {
  font-weight: 400;
  font-size: clamp(0.88rem, 0.13vw + 0.85rem, 1rem);
  color: #414042;
  line-height: 1.25;
}

.products {
  padding: clamp(1.88rem, 0.63vw + 1.75rem, 2.5rem) 0;
}
.products__header {
  text-align: center;
  margin-bottom: clamp(1.56rem, 1.56vw + 1.25rem, 3.13rem);
}
.products__header h2 {
  font-weight: 700;
  font-size: clamp(2.5rem, 1.5vw + 2.2rem, 4rem);
  color: #C72E35;
  line-height: 1.25;
}
.products .product__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 25px;
  padding-bottom: clamp(1.56rem, 1.56vw + 1.25rem, 3.13rem);
  box-sizing: border-box;
  width: 100%;
  max-width: 105rem;
  min-width: 20rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: relative;
}
.products .product__flex {
  display: flex;
  gap: 25px;
  padding-bottom: clamp(1.56rem, 1.56vw + 1.25rem, 3.13rem);
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 105rem;
  min-width: 20rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: relative;
}
.products .desktop-flex {
  display: flex;
}
@media (max-width: 979px) {
  .products .desktop-flex {
    display: none;
  }
}
.products .desktop-grid {
  display: grid;
}
@media (max-width: 979px) {
  .products .desktop-grid {
    display: none;
  }
}
.products .mobile-swiper {
  display: none;
}
@media (max-width: 979px) {
  .products .mobile-swiper {
    display: block;
    padding: 15px 0 40px 0;
    overflow: hidden; /* Prevent content from overflowing */
  }
}
.products .mobile-swiper .swiper-wrapper {
  height: auto !important;
}
.products .mobile-swiper .swiper-slide {
  height: auto;
}
.products .mobile-swiper .swiper-slide article {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.products .mobile-swiper .swiper-slide a {
  display: flex;
  flex-direction: column;
  height: auto;
  text-decoration: none;
}
.products .mobile-swiper .swiper-slide .product__thumbnail__img {
  flex: 0 0 auto;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background: #fff;
}
.products .mobile-swiper .swiper-slide .product__thumbnail__img img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.products .mobile-swiper .swiper-slide .product__thumbnail__content {
  flex: 1 0 auto;
  padding: 15px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.products .mobile-swiper .swiper-slide .product__thumbnail__content h3 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
}
.products .mobile-swiper .swiper-pagination {
  bottom: 0;
}
.products .mobile-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #C72E35;
  opacity: 0.3;
}
.products .mobile-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.products .mobile-swiper .swiper-button-next,
.products .mobile-swiper .swiper-button-prev {
  color: #C72E35;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.products .mobile-swiper .swiper-button-next:hover,
.products .mobile-swiper .swiper-button-prev:hover {
  opacity: 1;
}
.products .mobile-swiper .swiper-button-next::after,
.products .mobile-swiper .swiper-button-prev::after {
  font-size: 24px;
}

.product__header {
  padding: clamp(2.19rem, 2.81vw + 1.63rem, 5rem) 0 clamp(1.88rem, 0.63vw + 1.75rem, 2.5rem) 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
  gap: 20px;
}
@media (max-width: 540px) {
  .product__header {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}
.product__header h2 {
  font-weight: 700;
  font-size: clamp(2.38rem, 1.88vw + 2rem, 4.25rem);
  color: #414042;
  line-height: 1.25;
}
.product__header h2 span {
  color: #C72E35;
}
.product__header p {
  font-size: clamp(1.13rem, 0.88vw + 0.95rem, 2rem);
  color: #414042;
  line-height: 1.5;
}
.product .filter-bar {
  display: flex;
  gap: 20px;
  padding: clamp(1.25rem, 0.63vw + 1.13rem, 1.88rem) 0;
  flex-direction: column;
}
@media (max-width: 767px) {
  .product .filter-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
  }
}
.product .filter-bar .search-box {
  display: flex;
  align-items: center;
  background: transparent;
  border: 1px solid rgba(65, 64, 66, 0.1);
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.3s ease;
  margin-bottom: 25px;
}
.product .filter-bar .search-box:focus-within {
  border-color: #C72E35;
}
.product .filter-bar .search-box input[type=text] {
  flex: 1;
  padding: clamp(0.75rem, 0.25vw + 0.7rem, 1rem) clamp(1rem, 0.25vw + 0.95rem, 1.25rem);
  border: none;
  outline: none;
  font-size: clamp(0.88rem, 0.13vw + 0.85rem, 1rem);
  color: #414042;
  background: transparent;
}
.product .filter-bar .search-box input[type=text]::placeholder {
  color: rgba(65, 64, 66, 0.5);
}
.product .filter-bar .search-box .search-btn {
  padding: clamp(0.75rem, 0.25vw + 0.7rem, 1rem);
  background: transparent;
  border: none;
  color: #414042;
  cursor: pointer;
  font-size: clamp(0.88rem, 0.13vw + 0.85rem, 1rem);
  transition: background-color 0.3s ease;
  position: relative;
  right: 0;
}
.product .filter-bar .search-box .search-btn:hover {
  color: #C72E35;
}
.product .filter-bar .filter-group {
  display: flex;
  align-items: center;
  gap: clamp(0.94rem, 0.63vw + 0.81rem, 1.56rem);
  justify-content: space-between;
}
@media (max-width: 767px) {
  .product .filter-bar .filter-group {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
  }
}
.product .filter-bar .filter-group .filter-select {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .product .filter-bar .filter-group .filter-select {
    flex-direction: column;
    display: inline-flex;
    align-items: flex-start;
    gap: 5px;
  }
}
.product .filter-bar .filter-group .filter-select label {
  font-size: clamp(0.88rem, 0.13vw + 0.85rem, 1rem);
  font-weight: 700;
  color: #414042;
  white-space: nowrap;
}
.product .filter-bar .filter-group .filter-select select {
  padding: clamp(0.5rem, 0.25vw + 0.45rem, 0.75rem) clamp(0.75rem, 0.25vw + 0.7rem, 1rem);
  border: 2px solid rgba(65, 64, 66, 0.1);
  border-radius: 6px;
  background: transparent;
  color: #414042;
  font-size: clamp(0.88rem, 0.13vw + 0.85rem, 1rem);
  cursor: pointer;
  transition: border-color 0.3s ease;
  min-width: 120px;
}
@media (max-width: 767px) {
  .product .filter-bar .filter-group .filter-select select {
    width: 100%;
    min-width: auto;
  }
}
.product .filter-bar .filter-group .filter-select .select-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 767px) {
  .product .filter-bar .filter-group .filter-select .select-wrapper {
    width: 100%;
  }
}
.product .filter-bar .filter-group .filter-select .select-wrapper i {
  position: absolute;
  right: 10px;
}
.product__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(345px, 1fr));
  gap: 25px;
  padding-bottom: clamp(1.56rem, 1.56vw + 1.25rem, 3.13rem);
}
@media (max-width: 1280px) {
  .product__grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 2fr));
  }
}
@media (max-width: 640px) {
  .product__grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 2fr));
  }
}
.product__thumbnail {
  background-color: #ffffff;
  border-radius: 15px;
  text-align: center;
  padding: 10px;
  display: inline-block;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(0);
}
.product__thumbnail a {
  display: inline-flex;
  flex-direction: column;
  gap: 20px;
}
.product__thumbnail a .product__thumbnail__img {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.product__thumbnail a .product__thumbnail__img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.product__thumbnail a .product__thumbnail__content {
  width: 100%;
  max-width: 300px;
}
.product__thumbnail a .product__thumbnail__content h3 {
  font-weight: 700;
  font-size: clamp(1rem, 0.25vw + 0.95rem, 1.25rem);
  color: #414042;
  line-height: 1.25;
  transition: all 0.3s ease;
  padding: 10px;
}
.product__thumbnail:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-8px);
}
.product__thumbnail:hover .product__thumbnail__content h3 {
  color: #C72E35;
}
.product__details__wraper {
  width: 70%;
}
@media (max-width: 979px) {
  .product__details__wraper {
    width: 100%;
  }
}
.product__path {
  padding: clamp(1.56rem, 1.56vw + 1.25rem, 3.13rem) 0;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .product__path {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}
.product__path a.bck_btn {
  font-size: clamp(0.94rem, 0.31vw + 0.88rem, 1.25rem);
  color: #414042;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #414042;
  border-radius: 6px;
  padding: 5px 25px;
}
.product__path a.bck_btn i {
  font-size: clamp(0.94rem, 0.31vw + 0.88rem, 1.25rem);
}
.product__path a.bck_btn:hover {
  color: #C72E35;
  border-color: #C72E35;
}
.product__details {
  display: grid;
  gap: 40px;
  padding: 0 0 clamp(1.88rem, 1.25vw + 1.63rem, 3.13rem) 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 112.5rem;
  min-width: 20rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: relative;
  grid-template-areas: "info   img" "tabs   img";
  grid-template-columns: 60% 40%;
}
@media (max-width: 1366px) {
  .product__details {
    grid-template-areas: "info img" "tabs tabs";
    grid-template-columns: 60% 40%;
  }
}
@media (max-width: 979px) {
  .product__details {
    grid-template-areas: "img" "info" "tabs";
    grid-template-columns: 1fr;
    padding: 0;
    gap: 20px;
  }
}
.product__details .product-info {
  grid-area: info;
}
.product__details .product__tabs {
  grid-area: tabs;
}
.product__details .product__details__img {
  grid-area: img;
}
.product__details.longtable {
  display: grid;
  gap: 40px;
  padding: 0 0 clamp(1.88rem, 1.25vw + 1.63rem, 3.13rem) 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 112.5rem;
  min-width: 20rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: relative;
  grid-template-areas: "info img" "tabs tabs";
  grid-template-columns: 60% 40%;
}
@media (max-width: 979px) {
  .product__details.longtable {
    grid-template-areas: "img" "info" "tabs";
    grid-template-columns: 1fr;
    padding: 0;
    gap: 20px;
  }
}
.product__details.longtable .product-info {
  grid-area: info;
}
.product__details.longtable .product__tabs {
  grid-area: tabs;
}
.product__details.longtable .product__details__img {
  grid-area: img;
}
.product__details.shortCOntent {
  display: flex;
}
.product__details.shortCOntent .shortCOntent-wrapper {
  width: 60%;
}
@media (max-width: 979px) {
  .product__details.shortCOntent {
    flex-direction: column-reverse;
  }
  .product__details.shortCOntent .shortCOntent-wrapper {
    width: 100%;
  }
}
.product__details__img__bg {
  width: 100%;
  max-width: 850px;
  border-radius: 15px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(0);
}
.product__details__img__bg img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.product__details .product-info h3 {
  font-weight: 700;
  font-size: clamp(2.25rem, 1.38vw + 1.98rem, 3.63rem);
  color: #C72E35;
  line-height: 1.25;
  margin-bottom: 25px;
}
.product__details .product-info .product-description {
  font-weight: 400;
  font-size: clamp(1.13rem, 0.38vw + 1.05rem, 1.5rem);
  color: #414042;
  line-height: 1.25;
  margin-bottom: 30px;
}
.product__details .product-info .product-description h4 {
  font-weight: 700;
  font-size: clamp(1.13rem, 0.38vw + 1.05rem, 1.5rem);
  color: #C72E35;
  line-height: 1.25;
  margin-bottom: 30px;
}
.product__details .product-info .product-description p {
  font-weight: 400;
  font-size: clamp(1.13rem, 0.38vw + 1.05rem, 1.5rem);
  color: #414042;
  line-height: 1.25;
  margin-bottom: 30px;
}
.product__details .product-info .product-description ul {
  margin-bottom: 30px;
}
.product__details .product-info .product-description ul li {
  list-style-type: disc;
  margin-left: 20px;
  font-weight: 400;
  margin-bottom: 10px;
  font-size: clamp(1.13rem, 0.38vw + 1.05rem, 1.5rem);
  color: #414042;
  line-height: 1.25;
}

.no-products {
  text-align: center;
}

.contact {
  display: flex;
  flex-direction: row;
  gap: 0;
  justify-content: space-between;
  min-height: 100vh;
}
@media (max-width: 979px) {
  .contact {
    flex-direction: column;
    justify-content: center;
    gap: 15px;
  }
}
.contact__img-mobile {
  display: none;
}
@media (max-width: 979px) {
  .contact__img-mobile {
    display: block;
    margin-bottom: 30px;
    padding-left: 30px;
  }
}
.contact__img-desktop {
  display: block;
  width: 100%;
  max-width: 1044px;
  height: 100%;
  margin-bottom: -8px;
}
@media (max-width: 979px) {
  .contact__img-desktop {
    display: none;
  }
}
.contact__img-desktop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.contact .contact__header.desktop {
  display: none;
}
@media (min-width: 979px) {
  .contact .contact__header.desktop {
    display: block;
  }
}
.contact .contact__header.mobile {
  display: none;
}
@media (max-width: 979px) {
  .contact .contact__header.mobile {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 120rem;
    min-width: 20rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    position: relative;
  }
}
.contact__header {
  padding: clamp(2.19rem, 2.81vw + 1.63rem, 5rem) 0;
}
@media (max-width: 979px) {
  .contact__header {
    padding: clamp(2.19rem, 2.81vw + 1.63rem, 5rem) 0 0 0;
  }
}
.contact__header h2 {
  font-weight: 700;
  font-size: clamp(2.5rem, 1.75vw + 2.15rem, 4.25rem);
  color: #C72E35;
  line-height: 1.25;
  margin-bottom: 15px;
}
.contact__company-details {
  box-sizing: border-box;
  width: 100%;
  max-width: 120rem;
  min-width: 20rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: relative;
}
.contact__company-details .divider-red {
  width: 100%;
  height: 1px;
  background-color: #C72E35;
  margin: 35px 0;
}
.contact__company-details .company-title h3 {
  font-weight: 700;
  font-size: clamp(1.25rem, 0.75vw + 1.1rem, 2rem);
  color: #C72E35;
  line-height: 1.25;
  margin: 0;
}
.contact__company-details .company-title p {
  font-weight: 400;
  font-size: 15px;
  color: #414042;
  line-height: 1.25;
  margin-bottom: 30px;
}
.contact__company-details .company-address p {
  font-weight: 400;
  font-size: clamp(1.25rem, 0.75vw + 1.1rem, 2rem);
  color: #414042;
  line-height: 1.25;
  margin-bottom: 30px;
}
.contact__company-details .company-contact {
  display: inline-flex;
  flex-direction: column;
  margin-bottom: clamp(2.19rem, 0.94vw + 2rem, 3.13rem);
}
.contact__company-details .company-contact a {
  font-weight: 400;
  font-size: clamp(1.25rem, 0.75vw + 1.1rem, 2rem);
  color: #414042;
  line-height: 1.25;
  margin-bottom: 0px;
  text-decoration: none;
}
.contact__company-details .company-direction {
  margin-bottom: clamp(3.13rem, 1.88vw + 2.75rem, 5rem);
}
.contact__company-details .company-direction p {
  font-weight: 700;
  font-size: clamp(1.25rem, 0.75vw + 1.1rem, 2rem);
  color: #414042;
  line-height: 1.25;
  margin-bottom: 30px;
}
.contact__company-details .company-direction__icon {
  display: flex;
  gap: 15px;
}
.contact__company-details .company-direction__icon a {
  font-weight: 400;
  font-size: clamp(1.25rem, 0.75vw + 1.1rem, 2rem);
  color: #414042;
  line-height: 1.25;
  text-decoration: none;
}

.contact-highlight {
  background-color: #C72E35;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-size: clamp(25rem, 6.25vw + 23.75rem, 31.25rem);
  background-position: -15% -8%;
  background-repeat: no-repeat;
}
@media (max-width: 979px) {
  .contact-highlight {
    background-image: none !important;
  }
}
.contact-highlight__header {
  padding: clamp(2.19rem, 2.81vw + 1.63rem, 5rem) 0;
  text-align: center;
}
@media (max-width: 979px) {
  .contact-highlight__header {
    text-align: left;
  }
}
.contact-highlight__header h2 {
  font-weight: 700;
  font-size: clamp(1.75rem, 1.25vw + 1.5rem, 3rem);
  color: #ffffff;
  line-height: 1.25;
  margin-bottom: 15px;
}
.contact-highlight__header p {
  font-weight: 400;
  font-size: clamp(1rem, 1.25vw + 0.75rem, 2.25rem);
  color: #ffffff;
  line-height: 1.25;
  margin-bottom: 30px;
}
.contact-highlight__header a {
  font-weight: 700;
  font-size: clamp(1rem, 0.5vw + 0.9rem, 1.5rem);
  color: #414042;
  line-height: 1.25;
  text-decoration: none;
  background-color: #DBB474;
  padding: clamp(0.75rem, 0.25vw + 0.7rem, 1rem) clamp(1.5rem, 0.5vw + 1.4rem, 2rem);
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 6px;
}
.contact-highlight__header a:hover {
  background-color: #d19e4b;
  color: #ffffff;
}

.highlight {
  padding: clamp(2.19rem, 0.31vw + 2.13rem, 2.5rem) 0;
}
.highlight .highlight-wp {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@media (max-width: 979px) {
  .highlight .highlight-wp {
    flex-direction: column;
    justify-content: center;
    gap: 15px;
  }
}
.highlight__contact {
  width: 50%;
  background-color: #C72E35;
  padding: clamp(2.19rem, 0.31vw + 2.13rem, 2.5rem);
}
@media (max-width: 979px) {
  .highlight__contact {
    width: 100%;
  }
}
.highlight__contact img {
  width: 100%;
  max-width: 78px;
}
.highlight__contact h2 {
  font-weight: 700;
  font-size: clamp(1.13rem, 0.13vw + 1.1rem, 1.25rem);
  color: #ffffff;
  line-height: 1.25;
}
.highlight__contact p {
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.25;
  margin-bottom: 30px;
}
.highlight__contact a {
  font-weight: 700;
  font-size: 15px;
  color: #414042;
  line-height: 1.25;
  text-decoration: none;
  background-color: #DBB474;
  padding: clamp(0.75rem, 0.25vw + 0.7rem, 1rem) clamp(1.5rem, 0.5vw + 1.4rem, 2rem);
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 6px;
}
.highlight__contact a:hover {
  background-color: #d19e4b;
  color: #ffffff;
}
.highlight__pdf {
  width: 50%;
  background-color: #C72E35;
  padding: clamp(1.25rem, 1.25vw + 1rem, 2.5rem);
}
@media (max-width: 979px) {
  .highlight__pdf {
    width: 100%;
  }
}
.highlight__pdf img {
  width: 100%;
  max-width: 78px;
}
.highlight__pdf h2 {
  font-weight: 700;
  font-size: clamp(1.13rem, 0.13vw + 1.1rem, 1.25rem);
  color: #ffffff;
  line-height: 1.25;
}
.highlight__pdf p {
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.25;
  margin-bottom: 30px;
}
.highlight__pdf a {
  font-weight: 700;
  font-size: 15px;
  color: #414042;
  line-height: 1.25;
  text-decoration: none;
  background-color: #DBB474;
  padding: clamp(0.75rem, 0.25vw + 0.7rem, 1rem) clamp(1.5rem, 0.5vw + 1.4rem, 2rem);
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 6px;
}
.highlight__pdf a:hover {
  background-color: #d19e4b;
  color: #ffffff;
}

.form {
  margin-bottom: clamp(2.5rem, 0.63vw + 2.38rem, 3.13rem);
}
.form__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.form__header h4 {
  font-weight: 700;
  font-size: clamp(1.5rem, 0.5vw + 1.4rem, 2rem);
  color: #414042;
  line-height: 1.25;
}
.form__header .whatsapp-wp {
  display: flex;
  align-items: center;
  gap: 5px;
}
.form__header .whatsapp {
  font-weight: 700;
  font-size: 16px;
  color: #414042;
  line-height: 1.25;
}
.form__header .whatsapp img {
  width: 30px;
  height: 30px;
}
.form__header .whatsapp img svg {
  fill: #C72E35;
}
.form__wrapper input[type=text], .form__wrapper input[type=email], .form__wrapper input[type=tel] {
  width: 100%;
  padding: clamp(0.75rem, 0.25vw + 0.7rem, 1rem) clamp(1rem, 0.25vw + 0.95rem, 1.25rem);
  outline: none;
  font-size: clamp(0.88rem, 0.13vw + 0.85rem, 1rem);
  color: #414042;
  background: transparent;
  border: 1px solid rgba(65, 64, 66, 0.5);
  box-sizing: border-box;
}
.form__wrapper input[type=text]::placeholder, .form__wrapper input[type=email]::placeholder, .form__wrapper input[type=tel]::placeholder {
  color: rgba(65, 64, 66, 0.5);
}
.form__wrapper textarea {
  width: 100%;
  padding: clamp(0.75rem, 0.25vw + 0.7rem, 1rem) clamp(1rem, 0.25vw + 0.95rem, 1.25rem);
  border: 1px solid rgba(65, 64, 66, 0.5);
  outline: none;
  font-size: clamp(0.88rem, 0.13vw + 0.85rem, 1rem);
  color: #414042;
  background: transparent;
}
.form__wrapper textarea::placeholder {
  color: rgba(65, 64, 66, 0.5);
}
.form__gp {
  display: flex;
  flex-direction: row;
  gap: 15px;
  margin-bottom: 10px;
}
@media (max-width: 540px) {
  .form__gp {
    flex-direction: column;
  }
}
.form__gp .wpcf7-form-control-wrap {
  flex: 1; /* each field wrapper takes equal width */
  min-width: 0; /* prevent overflow from long text */
}
.form__button {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  margin-bottom: 30px;
  align-items: center;
}
.form__button button, .form__button input[type=submit] {
  font-weight: 700;
  font-size: clamp(1rem, 0.5vw + 0.9rem, 1.5rem);
  color: #414042;
  line-height: 1.25;
  text-decoration: none;
  background-color: #DBB474;
  padding: clamp(0.75rem, 0.25vw + 0.7rem, 1rem) clamp(1.5rem, 0.5vw + 1.4rem, 2rem);
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 6px;
  cursor: pointer;
  width: 200px;
}
.form__button button:hover, .form__button input[type=submit]:hover {
  background-color: #d19e4b;
  color: #ffffff;
}

.wpcf7-form.sent {
  position: relative;
}

.wpcf7 form.sent .wpcf7-response-output {
  position: absolute;
  top: 0;
  background: #F7ECDD;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px #C72E35 solid;
  margin: 0 !important;
  margin-bottom: 30px !important;
  padding: 0 !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: transparent !important;
  margin: 0 !important;
  margin-bottom: 30px !important;
  padding: 0 !important;
}

.tabs .devider {
  width: 100%;
  height: 1px;
  background-color: #C72E35;
}
.tabs .tabs-nav {
  width: 100%;
  height: 46px;
}
.tabs .tabs-nav li {
  float: left;
}
.tabs .tabs-nav li:first-child a {
  border-right: 0;
  border-top-left-radius: 6px;
}
.tabs .tabs-nav li:last-child a {
  border-top-right-radius: 6px;
}
.tabs a {
  background: transparent;
  color: #414042;
  display: block;
  font-weight: 600;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
}
.tabs a:hover {
  color: #ffffff;
}
.tabs .tab-active a {
  background: #DBB474;
  border-bottom-color: transparent;
  color: #ffffff;
  cursor: default;
}
.tabs .tabs-stage {
  border-radius: 0 0 6px 6px;
  border-top: 0;
  clear: both;
  padding: 24px 0;
  position: relative;
  top: -1px;
}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 30px;
}

table th {
  background-color: #C72E35;
  border: 1px solid #ddd;
  padding: 0.35em;
  color: #ffffff;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: 0.35em;
}

table th,
table td {
  padding: 0.625em;
  text-align: center;
}

table th {
  font-size: 14px;
  letter-spacing: normal;
  text-transform: uppercase;
  font-weight: 600;
  list-style: 1.25;
}

table td {
  font-size: 14px;
  letter-spacing: normal;
}

@media screen and (max-width: 979px) {
  table {
    border: 0;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
}
.breadcrumb {
  display: flex;
}

.breadcrumb-links {
  display: flex;
  column-gap: 1rem;
  align-items: center;
}

.breadcrumb-links > li:nth-child(n+4) {
  display: none;
}

.breadcrumb-box {
  display: flex;
  align-items: center;
}

.breadcrumb-link {
  color: #414042;
}

.breadcrumb-box:hover > *:not(.breadcrumb-icon) {
  color: #C72E35;
}

.breadcrumb-icon,
.breadcrumb-icon-home {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: rgba(65, 64, 66, 0.5);
}

.breadcrumb-links li:first-child .breadcrumb-text {
  display: none;
}

.breadcrumb-text {
  margin-left: 5px;
  font-size: clamp(0.81rem, 0.69vw + 0.68rem, 1.5rem);
  line-height: 1.25rem;
  font-weight: 500;
  color: #414042;
}

@media (min-width: 640px) {
  .breadcrumb-links > li:nth-child(n+4) {
    display: block;
  }
  .breadcrumb-links li:first-child .breadcrumb-text {
    display: block;
  }
}

/*# sourceMappingURL=style.css.map */