/* frank-ruhl-libre-300 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Frank Ruhl Libre';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/frank-ruhl-libre-v23-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* frank-ruhl-libre-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Frank Ruhl Libre';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/frank-ruhl-libre-v23-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v31-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/montserrat-v31-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat-v31-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v31-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
    --header-height: 142px;
    --pds-body-color: #282828;
    --pds-body-bg: #fefbf9;
    --pds-body-font-family: 'Montserrat', sans-serif;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --pds-primary-light: #d7cbca;
    --pds-primary-deep: #5f4247;
}

body { background: url(../images/bg-body-01.jpg) 50% 0 no-repeat scroll var(--pds-body-bg);  }

svg { display: block; width: 20px; aspect-ratio: 1 / 1; }

.btn { --pds-btn-padding-x: 1.5rem; --pds-btn-padding-y: 13px; --pds-btn-font-size: 1.125rem; --pds-btn-font-weight: 600; --pds-btn-border-radius: 100vw; }
.btn-primary { --pds-btn-hover-bg: var(--pds-primary-deep); }

.btn-w-icon { --btn-height: 55px;
    --pds-btn-font-size: 1.125rem; --pds-btn-font-weight: 600; --pds-btn-border-radius: 100vw; --pds-btn-padding-x: 1.5rem; --pds-btn-padding-y: 0; --pds-btn-border-width: 1px;
    padding: 0; border-radius: 0; border: 0 none; background: none; white-space: nowrap;
    display: inline-flex; align-items: stretch; gap: 0; flex-wrap: nowrap;
}
.btn-primary-icon {
    --pds-btn-bg: var(--pds-primary); --pds-btn-color: #fff; --pds-btn-border-color: var(--pds-primary);
}
.btn-w-icon .btn-text, .btn-w-icon .btn-icon {
    min-height: var(--btn-height); display: inline-flex; justify-content: center; align-items: center; white-space: nowrap;
    border: var(--pds-btn-border-width) solid var(--pds-btn-border-color); border-radius: var(--pds-btn-border-radius);
    transition: all .13s ease-in-out;
}
.btn-w-icon .btn-text { padding: var(--pds-btn-padding-y) var(--pds-btn-padding-x); background-color: transparent; color: var(--pds-btn-color); }
.btn-w-icon .btn-icon { aspect-ratio: 1 / 1; padding: var(--pds-btn-padding-y);
    background-color: transparent; margin-left: -1px; color: var(--pds-btn-color);
}
.btn-w-icon .btn-icon svg { }
.btn-w-icon:hover .btn-icon { transform: translateX(2px); }


.btn-primary-icon .btn-text { background-color: var(--pds-primary); }
.btn-primary-icon .btn-icon { color: var(--pds-primary); }
.btn-primary-icon:hover { --pds-btn-border-color: var(--pds-primary-deep); }
.btn-primary-icon:hover .btn-text { color: #fff; background-color: var(--pds-primary-deep) }
.btn-primary-icon:hover .btn-icon {  color: var(--pds-primary-deep) }

.btn-outline-primary-icon {
    --pds-btn-bg: transparent; --pds-btn-color: var(--pds-primary); --pds-btn-border-color: var(--pds-primary);
}
.btn-outline-primary-icon:hover { --pds-btn-border-color: var(--pds-primary); }
.btn-outline-primary-icon:hover .btn-text { color: #fff; background-color: var(--pds-primary) }

.btn-light-icon {
    --pds-btn-bg: var(--pds-light); --pds-btn-color: var(--pds-primary); --pds-btn-border-color: var(--pds-light);
}
.btn-light-icon .btn-text { background-color: var(--pds-light); }
.btn-light-icon .btn-icon { color: var(--pds-light); }
.btn-light-icon:hover {   }
.btn-light-icon:hover .btn-text { color: #fff; background-color: var(--pds-secondary); --pds-btn-border-color: var(--pds-secondary);  }
.btn-light-icon:hover .btn-icon {  color: #fff }

.btn-rounded { --pds-btn-padding-x: 12px; --pds-btn-padding-y: 12px; }

.form-control {}

h1 { font-size: 3.5rem; }

h1, h2, h3, h4, h5, h6 { font-family: 'Frank Ruhl Libre', serif; color: var(--pds-primary); font-weight: 300; }

.main-title { font-size: 3.5rem; margin-bottom: 2rem; }
.subtitle { font-size: 1.5rem; margin-bottom: 1.5rem; color: var(--pds-body-color) }

.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; margin-bottom: 3rem;  }
.section-kicker { text-transform: uppercase; font-size: 1.125rem; }
.section-title { margin-bottom: 0; }
.section-text { margin: 1rem 0 0 0; }
.section-text p:last-of-type { margin-bottom: 0; }

.header-primary { transition: all .15s ease-in-out; }
.header-primary.scrolled { background: rgba(255, 255, 255, .75); backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px); box-shadow: 0 0 8px rgba(var(--pds-primary-rgb), .2); }
.header-primary.scrolled .navbar-brand img { }

.header-primary .navbar { --pds-navbar-padding-y: .5rem; --pds-navbar-brand-padding-y: 0; --pds-navbar-nav-link-padding-x: .75rem; --pds-navbar-brand-margin-end: 0; }
.header-primary .navbar-nav { align-items: center; gap: .75rem; --pds-nav-link-padding-y: .5rem; --pds-nav-link-font-size: 1rem; --pds-nav-link-font-weight: 500; --pds-nav-link-color: var(--pds-primary); --pds-nav-link-hover-color: var(--pds-primary-deep); --pds-navbar-active-color: var(--pds-primary-deep); }
.header-primary .navbar-nav .nav-link { position: relative; }
.header-primary .navbar-nav .nav-link:before { content: ''; position: absolute; left: calc(0px + .375rem); bottom: 0; right: calc(0px + .375rem); height: 1px; background-color: var(--pds-primary-deep);
    transform: scaleX(0); transform-origin: left; transition: transform .22s var(--ease);
}
.header-primary .navbar-nav .nav-link:hover:before { transform: scaleX(1); }
.header-primary .navbar-nav .nav-link.active { --pds-nav-link-font-weight: 700; }
.header-primary .navbar-nav .nav-link.active:before { transform: scaleX(1); }
.header-primary .navbar-nav .nav-link.show { color: var(--pds-primary-deep); }
.header-primary .navbar-nav .nav-link.show:before { transform: scaleX(1); }

.header-primary .navbar-brand img { }

.header-spacer {  }

/*
.header-primary .navbar-nav .nav-link:before { transform: scaleX(1)!important; }
.dropdown-menu { display: block!important; }
*/
.dropdown-menu { --pds-dropdown-spacer: -1px; --pds-dropdown-font-size: 1rem; --pds-dropdown-border-color: var(--pds-light);
    --pds-dropdown-item-border-radius: 100vw; --pds-dropdown-padding-x: .5rem;
    --pds-dropdown-link-color: var(--pds-primary);
    --pds-dropdown-link-hover-bg: var(--pds-primary);  --pds-dropdown-link-hover-color: #fff;
    box-shadow: 0 .25rem 2rem rgba(var(--pds-primary-rgb), .4);
}

.hero-section { background: 50% 0 no-repeat scroll transparent; background-size: cover; }
.hero-body { padding-top: var(--header-height); padding-bottom: 2rem; min-height: clamp(1px, 41.72vw, 800px);
    display: flex; flex-direction: column; gap: clamp(1rem, 2.6vw, 50px);
}
.hero-title { margin-bottom: 0; margin-top: clamp(0px, 3.12vw, 3.75rem) }
.hero-text { font-size: 1.125rem; }
.hero-action {}

.text-widget {}
.tw-body { height: 100%; display: flex; gap: 2rem; flex-direction: column; justify-content: center; padding: 1rem 1.5rem 1rem 3rem; background: #fff;  }
.tw-title { margin-bottom: 0; }
.tw-text {}
.tw-action {}
.text-widget .services-list .col-image { position: relative; }
.text-widget .services-list .col-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.surface-pattern .tw-media { display: grid; align-items: center; grid-template-columns: 400px 80px 300px; }
.surface-pattern .tw-image-lg { grid-column: 1 / 3; grid-row: 1; }
.surface-pattern .tw-image-sm { grid-column: 2 / 4; grid-row: 1; align-self: center; z-index: 1; }
.surface-pattern .tw-body { background: transparent; }

.tw-services-list { background: url(../images/bg-servives-01.jpg) 50% 0 no-repeat scroll transparent; }


.services-list .col-image {}
.services-list .row:nth-of-type(2n) .col-image { order: 2; }
.services-list .row:nth-of-type(2n) .col-text { order: 1; }

.tw-fullwidth { position: relative; }
.tw-fullwidth .tw-image-xlg { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; height: 100%; object-fit: cover }

.tw-dark { background: var(--pds-dark); color: #fff; }
.tw-dark .tw-title { color: #fff; }
.tw-dark .tw-body { background-color: transparent; }

.tw-dark-image { background: url(../images/bg-dark-01.jpg) 50% 50% no-repeat scroll var(--pds-dark); background-size: cover; }

.content-text {}
.content-text ul { list-style: none; padding-left: 0; --icon-color: var(--pds-secondary); --icon-size: 10px; }
.content-text ul li { position: relative; padding-left: 30px; }
.content-text ul li + li { margin-top: .5rem; }
.content-text ul li:before { content: ''; position: absolute; top: 1px; left: 0; width: 20px; aspect-ratio: 1 / 1;
    background-color: var(--icon-color);
    mask: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22currentColor%22%20class=%22icon%20icon-tabler%20icons-tabler-filled%20icon-tabler-point%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22%20/%3E%3Cpath%20d=%22M12%207a5%205%200%201%201%20-4.995%205.217l-.005%20-.217l.005%20-.217a5%205%200%200%201%204.995%20-4.783z%22%20/%3E%3C/svg%3E") center / var(--icon-size) var(--icon-size) no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22currentColor%22%20class=%22icon%20icon-tabler%20icons-tabler-filled%20icon-tabler-point%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22%20/%3E%3Cpath%20d=%22M12%207a5%205%200%201%201%20-4.995%205.217l-.005%20-.217l.005%20-.217a5%205%200%200%201%204.995%20-4.783z%22%20/%3E%3C/svg%3E") center / var(--icon-size) var(--icon-size) no-repeat;
}

.media-list {}
.media-item { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
.media-image { position: relative; flex: 0 0 max-content; border-radius: 3px 3px 0 3px; overflow: hidden; }
.media-image:before { content: ''; position: absolute; z-index: 2; inset: 0; background-color: rgba(0,0,0,0); transition: background-color .15s ease-in-out; }
.media-image:after { content: ''; position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 5.5rem; aspect-ratio: 1 / 1; border: 1px solid #fff; border-radius: 100vw; opacity: 0;
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22m20.274%208.4054c-1.0729-0.23246-2.11-0.57221-3.0935-1.055-1.3054-0.66162-2.3961-1.5915-3.3975-2.6644-0.25034-0.26822-0.42916-0.53645-0.071526-0.85832%200.37551-0.33975%200.75103-0.35763%201.055%200%200.73314%200.76891%201.4663%201.5199%202.3961%202.0921%201.9133%201.1623%203.9697%201.5378%206.1692%201.3411%200.23246-0.017882%200.50068-0.10729%200.62586%200.17882%200.12517%200.23246-0.05364%200.41128-0.1967%200.57221-2.1279%202.5749-2.8611%205.4718-2.0027%208.7441%200.10729%200.41128%200.17882%200.78679-0.30399%201.0371s-0.76891%200.16093-0.91196-0.37551c-0.42916-1.663-0.55433-3.3617-0.21458-5.0605%200.17882-0.8762%200.44704-1.6988%200.76891-2.5928-0.41128%200.089408-0.6795%200.32187-0.98349%200.4828-6.187%203.2902-12.374%206.5804-18.579%209.8706-0.17882%200.089408-0.35763%200.1967-0.55433%200.25034-0.33975%200.12517-0.69738%200.089407-0.89408-0.26822-0.1967-0.37551-0.035763-0.6795%200.28611-0.91196%200.21458-0.16093%200.46492-0.2861%200.69738-0.41128%206.2228-3.3081%2012.446-6.6162%2018.651-9.9243l0.57221-0.30399c-0.01788-0.035763%200-0.089408-0.01788-0.12517h-0.01788z%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat scroll transparent;
    background-size: 24px 24px;
    transition: opacity .15s ease-in-out;
}
.media-image img { }
.media-body { padding: 2rem .5rem 2rem 0; border-right: 1px solid var(--pds-primary-light);
    height: 100%; display: flex; flex-direction: column; gap: 1rem;
}
.media-kicker { text-transform: uppercase; font-size: 13px; font-weight: 500; margin-bottom: 0; }
.media-kicker { display: flex; column-gap: .5rem; flex-wrap: wrap; }
.media-kicker>span { align-self: center; width: 3px; aspect-ratio: 1 / 1; border-radius: 100vw; background: var(--pds-body-color); margin-top: -2px; }
.media-title { margin-bottom: 0; text-transform: uppercase; font-size: 1.5rem; transition: color .15s ease-in-out; }
.media-subtitle { text-transform: uppercase; font-size: 1rem; font-weight: 500; margin-top: 0; }
.media-text { margin-top: auto; }
.media-action {}
.media-link-icon { display: grid; place-items: center; width: 40px; aspect-ratio: 1 / 1;
    border-radius: 100vw; border: 1px solid var(--pds-primary); color: var(--pds-primary); transition: color .15s ease-in-out, border-color .15s ease-in-out;
}
.media-link-icon svg { width: 18px; }

.media-item:hover .media-image:before { background-color: rgba(0,0,0,.2); }
.media-item:hover .media-image:after { opacity: 1; }
.media-item:hover .media-title { color: var(--pds-secondary) }
.media-item:hover .media-link-icon { color: var(--pds-secondary); border-color: var(--pds-secondary); }

.media-sidebar { }
.media-sidebar .media-list { display: flex; flex-direction: column; gap: 1rem; }
.media-sidebar .media-item { flex-direction: row; gap: 1rem; border-bottom: 1px solid var(--pds-primary-light); margin-bottom: 1rem; padding-bottom: .5rem; }
.media-sidebar .media-image { flex: 0 0 80px; align-self: flex-start; }
.media-sidebar .media-image:after { width: 40px; }
.media-sidebar .media-body { padding: 0; border-right: 0 none; gap: .5rem; }
.media-sidebar .media-title { font-size: 1.25rem; }

.media-more { background-color: #fff; padding: 1rem; border-radius: var(--pds-border-radius-lg); box-shadow: 0 0 2rem rgba(var(--pds-primary-rgb), .3); }



.swiper, .swiper * {
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}
.swiper-wrapper { align-items: center; }
.swiper-slide img { display: block; margin: 0 auto;  }

.partners-slider .swiper-slide { text-align: center; }
.partners-slider .swiper-slide a {display: inline-block; }
.partners-slider .swiper-slide img { filter: grayscale(100%) opacity(30%); transition: filter .15s ease-in-out; }
.partners-slider .swiper-slide img:hover { filter: grayscale(0) opacity(100%); }


.card { --pds-card-bg: #fff; }
.card-contact { --pds-card-border-color: transparent;
    --pds-card-spacer-x: 2rem; --pds-card-spacer-y: 2.5rem;
    box-shadow: 0 0 2rem rgba(var(--pds-primary-rgb), .3);
}
form.contact-form .form-floating>textarea.form-control { height: 140px; }

.contact-info-block { margin-top: clamp(1rem, 2.8vw, 54px); }
.contact-info-block h4 { font-size: 1.5rem; margin-bottom: 1.5rem; color: var(--pds-body-color) }
.contact-info-action { display: flex; flex-wrap: wrap; gap: 1rem;}

.layout-index { background-image: none; }
.layout-index .header-spacer { height: var(--header-height); background: url(../images/bg-nav-01.jpg) 50% 0 no-repeat scroll transparent; }

.content-lead { padding: 1rem; font-weight: 500; background-color: #fff; color: var(--pds-primary); border-radius: var(--pds-border-radius); margin-bottom: 1.5rem;
    box-shadow: 0 0 .75rem rgba(var(--pds-primary-rgb), .2);
}
.content-lead p:last-of-type { margin-bottom: 0; }


.pagination { justify-content: center; margin-bottom: 0;
    --pds-pagination-font-size: 1rem;
    --pds-pagination-border-color: var(--pds-border-color);
    --pds-pagination-active-bg: var(--pds-primary); --pds-pagination-active-color: #fff;
}
.pagination .page-link { display: flex; height: 100%; }
.pagination svg { width: 12px; }

.social-links { display: flex; gap: 1rem; }
.social-links .nav-link { --pds-nav-link-color: #fff; --pds-nav-link-hover-color: var(--pds-secondary); }
.social-links .nav-link svg { width: 24px; }

.footer-primary { background: url(../images/bg-dark-02.jpg) 50% 0 no-repeat scroll var(--pds-dark); color: #fff; }
.footer-primary .nav-link { display: inline-flex;
    --pds-nav-link-padding-x: 0; --pds-nav-link-padding-y: 0;
    --pds-nav-link-color: #fff; --pds-nav-link-hover-color: var(--pds-secondary);
}
.footer-primary .social-links { margin-top: 1.5rem; justify-content: center; gap: 2rem; }
.footer-primary .social-links .nav-link {}
.footer-bottom { position: relative; font-size: 14px; }
.footer-bottom:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 1px;
    background: #BD885F;
    background: linear-gradient(90deg, rgba(189, 136, 95, 1) 0%, rgba(255, 251, 239, 1) 50%, rgba(201, 143, 97, 1) 100%);
}

.nav-footer { margin-top: clamp(.5rem, 2.92vw, 56px); gap: 3px; }

/**/
.fade { transition: opacity .15s ease-in-out, background-color .15s ease-in-out, backdrop-filter .15s ease-in-out; }
.offcanvas-backdrop,
.modal-backdrop { --pds-backdrop-bg: rgba(var(--pds-primary-rgb), .5); background-color: var(--pds-backdrop-bg); backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); }
.offcanvas-backdrop.show,
.modal-backdrop.show { backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.offcanvas-backdrop.fade,
.offcanvas-backdrop.show,
.modal-backdrop.fade,
.modal-backdrop.show { opacity: 1; }

@media (min-width: 576px) {
    html { font-size: 14px; }
}
@media (min-width: 768px) {
    html { font-size: 14px; }
}
@media (min-width: 992px) {
    html { font-size: 14px; }

    .g-large { --pds-gutter-x: 31px; }

}
@media (min-width: 1200px) {
    html { font-size: 16px; }
}
@media (min-width: 1400px) {
    html { font-size: 16px; }
}
@media (min-width: 1500px) {
    .tw-services-list .tw-body { padding-top: 3rem; }
}

@media (min-width: 576px) and (max-width: 991.98px) {

}
@media (min-width: 576px) and (max-width: 767.98px) {

}
@media (min-width: 768px) and (max-width: 991.98px) {

}
@media (min-width: 576px) and (max-width: 767.98px) {

}
@media (min-width: 768px) and (max-width: 991.98px) {
    .hero-section { background-position: 50% 0; }
}

@media (min-width: 992px) and  (max-width: 1199.98px) {
    .header-primary .navbar-brand img { max-width: 160px; }
    .header-primary .navbar-nav { --pds-nav-link-font-size: 13px; }

    .surface-pattern .tw-media { grid-template-columns: 300px 20px 150px }

    .logo-footer { width: 200px; }

}
@media (min-width: 992px) and  (max-width: 1499.98px) {


    .btn { --pds-btn-padding-x: 1rem; --pds-btn-padding-y: .5rem; font-size: 14px; }
    .main-title { font-size: 2.5rem; }
    h1 { font-size: 2.5rem; }

    .tw-body { padding: 1.5rem; }

}
@media (min-width: 1200px) and  (max-width: 1499.98px) {
    .header-primary .navbar-brand img { max-width: 220px; }
    .header-primary .navbar-nav { --pds-nav-link-font-size: 14px; }

    .surface-pattern .tw-media { grid-template-columns: 350px 28px 180px }
}

@media (max-width: 575.98px) {
   html { font-size: 13px; }

    .services-list .row:nth-of-type(2n) .col-image { order: 1 }
    .services-list .row:nth-of-type(2n) .col-text { order: 2 }
    .text-widget .services-list .col-image img { position: static; }



}
@media (max-width: 767.98px) {
    /*html { font-size: 13px; }*/

    .hero-section { background: url(../images/bg-header-m-01.jpg) 100% 0 no-repeat scroll transparent!important; }
    .hero-body { padding-bottom: 340px; min-height: auto; }

    .surface-pattern .tw-media { max-width: 500px; margin: 0 auto; }

    .tw-fullwidth.tw-dark-image .col-image { display: none; }

    .media-item { max-width: 300px; margin: 0 auto; }
    .media-sidebar .media-item { max-width: 100%; margin: 0 0 1rem 0}

    .card-contact { --pds-card-spacer-x: 1rem; --pds-card-spacer-y: 1rem; }

    .nav-footer { margin-top: 0; }

}
@media (max-width: 991.98px) {

    .header-primary .navbar-brand img { max-width: 150px; }

    .btn { --pds-btn-padding-x: 1rem; --pds-btn-padding-y: .5rem; font-size: 14px; }
    .btn-w-icon { --btn-height: 45px; --pds-btn-padding-x: 12px; --pds-btn-font-size: 13px; }
    .btn-rounded { --pds-btn-padding-x: 12px; --pds-btn-padding-y: 12px; }

    .main-title { font-size: 2rem; }
    h1 { font-size: 2rem; }

    .hero-title { margin-top: 0; }

    .section-heading { flex-direction: column; align-items: flex-start; margin-bottom: 2rem; }

    .surface-pattern .tw-media { grid-template-columns: 60% 10% 30%; }

    .tw-body { padding: 1rem 1rem; }

    .media-kicker { font-size: 12px; }
    .media-title { font-size: 1.25rem; }

    .footer-primary .logo-footer { width: 200px; }

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

    .offcanvas { --pds-offcanvas-width: 90%; max-width: 400px; }
    .offcanvas .btn-close { opacity: 1; }
    
    .offcanvas.offcanvas-end { border-radius: var(--pds-border-radius-xl); top: 1rem; right: 1rem; bottom: 1rem; --pds-offcanvas-border-width: 0;
        box-shadow: 0 0 2rem rgba(var(--pds-primary-rgb), .5);
    }

    .offcanvas-navigation {  }
    .offcanvas-navigation .offcanvas-header { padding: .5rem 1rem .5rem .5rem;  }
    .offcanvas-navigation .offcanvas-title img { max-width: 160px; }
    .offcanvas-navigation .collapse:not(.show) { display: block; }
    .offcanvas-navigation .navbar-nav { display: flex; flex-direction: column; gap: 4px; --pds-nav-link-padding-x: .5rem; }
    .offcanvas-navigation .navbar-nav .nav-link { border-radius: 100vw; --pds-nav-link-font-size: 1rem; --pds-nav-link-font-weight: 600;
        --pds-nav-link-color: var(--pds-primary);
        --pds-nav-link-hover-color: var(--pds-secondary);
        --pds-navbar-active-color: var(--pds-primary-deep); }
    .offcanvas-navigation .navbar-nav .nav-link:hover,
    .offcanvas-navigation .navbar-nav .nav-link.show { background-color: transparent; --pds-navbar-active-color: var(--pds-secondary) }
    .offcanvas-navigation .navbar-nav .nav-link.active { background-color: transparent; --pds-navbar-active-color: var(--pds-secondary) }
    .offcanvas-navigation .navbar-nav .nav-link:focus-visible { outline: none!important; box-shadow: none!important; }

    .offcanvas-navigation .dropdown-menu { position: static; --pds-dropdown-padding-y: 5px; margin-left: .5rem; }
    .offcanvas-navigation .dropdown-item { font-size: 1rem; white-space: normal; }

    .offcanvas-navigation .dropdown-item.active,
    .offcanvas-navigation .dropdown-item:active,
    .offcanvas-navigation .dropdown-item:focus,
    .offcanvas-navigation .dropdown-item:hover { --pds-dropdown-link-hover-bg: transparent; --pds-dropdown-link-hover-color: var(--pds-primary); --pds-dropdown-link-active-color: var(--pds-primary); }
    .offcanvas-navigation .dropdown-menu .dropdown-menu { margin: var(--pds-offcanvas-padding-x); }

    .offcanvas-navigation .nav-info { gap: 4px; margin-top: 1rem; }
    .offcanvas-navigation .nav .nav-link { display: flex; align-items: center; gap: .5rem; --pds-nav-link-hover-color: var(--pds-secondary);
        --pds-nav-link-padding-x: .5rem; --pds-nav-link-padding-y: 4px;
    }

    .offcanvas-navigation .social-links { gap: 1rem; margin-top: 1rem; }
    .offcanvas-navigation .social-links .nav-link { --pds-nav-link-padding-x: 0; --pds-nav-link-padding-y: 0;
        --pds-nav-link-color: var(--pds-primary); --pds-nav-link-hover-color: var(--pds-secondary);
    }

}
@media (max-width: 1199.98px) {

}
@media (max-width: 1399.98px) {

}
@media (max-width: 1499.98px) {

    .header-primary .navbar-nav { gap: 0; }
    .section-kicker { font-size: 14px; }

}