/*!
Theme Name: pathivara
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: pathivara
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.

pathivara 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

--------------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&family=Mukta:wght@200;300;400;500;600;700;800&display=swap");

:root {
  --primary: #f00;
  --secondary: #333333;
  --yellow: #ffff00;
  --light: #f1f1f1;
  --dark: #1d1d1d;
  --primary-font: "Mukta", sans-serif;
  --secondary-font: "Khand", sans-serif;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

a,
a:hover,
a:active {
  text-decoration: none;
}

body {
  font-family: var(--primary-font);
}

h1,
h2,
h3,
h5,
h4,
h6 {
  font-family: var(--secondary-font);
  font-weight: bold;
}

.site-header {
  background: #fff;
  box-shadow:
    0 4px 6px -1px #0000001a,
    0 2px 4px -2px #0000001a;
  z-index: 99999;
}

body.home .site-header {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 99999;
  background: transparent;
  box-shadow: none;
}

.site-header.fixed,
body.home .site-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow:
    0 4px 6px -1px #0000001a,
    0 2px 4px -2px #0000001a;
  z-index: 99999;
}

.header-top {
  background: var(--secondary);
  padding: 8px 0;
}

body.home .custom-logo {
  max-width: 500px;
  padding: 8px 0;
  transition: 0.3s linear;
  -webkit-transition:;
  -moz-transition:;
  -ms-transition:;
  -o-transition:;
}

body .custom-logo {
  max-width: 350px;
  padding: 8px 0;
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
}

.site-header.fixed .custom-logo {
  max-width: 350px;
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
}

.main-navigation > div > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-navigation > div > ul > li:not(:last-child) {
  margin-right: 25px;
}

.main-navigation > div > ul > li > a {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1.35rem;
  line-height: 34px;
  color: #ffffff;

  &:hover {
    color: var(--yellow);
  }
}

.main-navigation > div > ul > li.current_page_item > a {
  color: var(--yellow);
}

.header-top-right {
  display: flex;
  align-items: center;
}

.header-weather,
.header-contacts {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-left: 15px;
}

.header-contacts > div {
  color: #000;
  &:hover {
    color: var(--primary);
  }
}

.header-weather {
  display: flex;
  align-items: center;
}

.header-weather svg {
  margin-right: 8px;
}

.header-contacts svg {
  margin-right: 10px;
}

.header-weather span,
.header-contacts span {
  display: block;
  color: var(--yellow);
  text-decoration: underline;
}

.header-contacts span {
  color: var(--primary);
}

.header-socials > a {
  margin-left: 8px;
  color: #fff;
  font-family: 18px;
}

.font-inc-dec,
.lang-switch {
  display: flex;
  margin-left: 15px;
}

.font-inc-dec > a,
.lang-switch > a {
  padding: 10px;
  background: #c1c1c1;
  color: black;
  font-weight: bold;
  font-size: 14px;
  line-height: 100%;
  display: inline-block;
  border-radius: 0px 8px 8px 0px;
  -webkit-border-radius: 0px 8px 8px 0px;
  -moz-border-radius: 0px 8px 8px 0px;
  -ms-border-radius: 0px 8px 8px 0px;
  -o-border-radius: 0px 8px 8px 0px;

  &:hover {
    background: #000;
    color: #fff;
  }
}

.font-inc-dec > a:first-child,
.lang-switch > a:first-child {
  border-radius: 8px 0px 0px 8px;
  -webkit-border-radius: 8px 0px 0px 8px;
  -moz-border-radius: 8px 0px 0px 8px;
  -ms-border-radius: 8px 0px 0px 8px;
  -o-border-radius: 8px 0px 0px 8px;
}

.font-inc-dec > a.active,
.lang-switch > a.active {
  background: #000;
  color: #fff;
}

.header-contacts {
  display: flex;
  align-items: center;
}

.header-contacts > div {
  display: flex;
  align-items: center;
}

.header-contacts > div:nth-child(2) {
  margin: 0 12px;
  padding: 0 12px;
  border-left: 1px solid #b2b0b2;
  border-right: 1px solid #b2b0b2;
}

.header-contacts > div a {
  color: #1d1d1d;
}

.donation-btn > a {
  display: inline-flex;
  align-items: center;
  border-radius: 7px;
  background-color: var(--primary);
  padding: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: -0.023m;
  color: #fff;

  &:hover {
    background: var(--secondary);
  }
}

.donation-btn {
  margin-left: 15px;
}

.donation-btn > a svg {
  margin-right: 8px;
  width: 30px;
}

.donation-btn > a span span {
  display: block;
  text-decoration: underline;
}

.ham-menu {
  display: none;
  margin-left: 20px;
  color: #111;
}

.ham-menu > a {
  color: #111;
}

.banner__img::before {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(#fff 8.89%, #0006 50.87%);
}

.banner__img,
.banner__section {
  height: 100dvh;
  position: relative;
}

.banner__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner__content {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  padding-bottom: 0;
}
.banner__content .banner__title {
  font-family: "Khand", sans-serif;
  font-size: 6.5rem;
  font-weight: 600;
  color: #fff;
  padding-bottom: 30px;
}

.authorized__person {
  margin-left: auto;
  margin-top: -250px;
  width: 100%;
  position: relative;
  max-width: 290px;
  z-index: 999;
  --tw-bg-opacity: 1;
  background-color: var(--primary);
  padding: 1.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.5s;
  animation-duration: 0.5s;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.authorized__person a {
  display: block;
  width: 100%;
  height: 250px;
}

.authorized__person a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.authorized__person--text span {
  margin-top: 20px;
  display: block;
  font-family: "Khand", sans-serif;
  padding-right: 5px;
  font-size: 25px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
}

.authorized__person--text p {
  margin: 5px 0;
  color: #fff;
  font-weight: 500;
}

.section {
  padding-top: 80px;
}

.heading-wrap {
  margin-bottom: 30px;
}

.heading-wrap h1,
.heading-wrap h2 {
  margin-bottom: 0.75rem;
  font-size: 3.3rem;
  line-height: 2.5rem;
  font-weight: 600;
  line-height: 100%;
  color: #4d4d4d;
  margin-bottom: 20px;
}
.heading-wrap h2 {
  font-weight: 500;
}

.heading-wrap p {
  margin-top: 1.25rem;
  width: 100%;
  font-size: 1.2rem;
  line-height: 28px;
  color: #111111;
  width: 75%;
}

.about__content p {
  margin-top: 0.75rem;
  font-size: 1.25rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: #4d4d4d;
}

.btn {
  display: inline-block;
  background: var(--primary);
  padding: 14px 21px;
  line-height: 1;
  font-weight: 600;
  color: #fff;

  &:hover {
    background: var(--secondary);
    color: #fff;
  }
}

.heading-wrap-red h2 {
  color: var(--primary);
}

.faq-items {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  position: relative;
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
}

.faq-items:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.faq-title {
  padding-right: 35px;
  font-size: 1.5rem;
  font-family: "Khand", sans-serif;
  color: #4d4d4d;
  font-weight: 500;
  position: relative;

  &:hover {
    color: var(--primary);
  }
}

.faq-items.active .faq-title {
  color: var(--primary);
}

.faq-title::after {
  content: "";
  width: 18px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 8px;
  background: url("./assets/img/icon-arrow-down.svg") 0 0 no-repeat;
}

.faq-content {
  margin-right: 50px;
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.3s ease-out,
    margin-top 0.3s ease;
  opacity: 0;
}

.faq-content p {
  font-size: 18px;
  margin-top: 12px;
}

.gap-5 {
  gap: 50px;
}

.location__content {
  position: relative;
  z-index: 999;
  padding: 80px 0;
  padding-bottom: 700px;
}

.location__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.location__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.location__text h3 {
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 2.25rem;
  font-weight: 500;
  color: #fff;
}

.location__text p {
  font-size: 20px;
  color: #fff;
  line-height: 32px;
}

.location__desc {
  margin-top: 60px;
}

.location__desc h3 {
  margin-bottom: 40px;
}

.location__desc h4 {
  margin-bottom: 12px;
  font-size: 1.5rem;
  line-height: 28px;
  font-weight: 500;
  color: #fff;
  text-decoration-line: underline;
}

.location__desc p {
  font-size: 1.2rem;
  line-height: 1.4;
  margin: 0;
  color: #fff;
}

.location__img::before {
  content: "";
  width: 100%;
  height: 10%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to top, #fff 0%, #0000 100%);
  pointer-events: none;
}

.location__map {
  position: relative;
}

.location__map iframe {
  width: 100%;
}
.location__map::before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(#fff 0%, #0000 100%);
  pointer-events: none;
}

.news__card > a {
  display: block;
  width: 100%;
  height: 450px;
}

.news__card > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news__card h3 {
  margin-top: 12px;
  font-family: "Mukta", sans-serif;
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: 600;
}

.meta__date {
  display: block;
  margin-top: 12px;
  color: var(--primary);
  font-weight: 500;
}

.news__card h3 a {
  color: #4d4d4d;

  &:hover {
    color: var(--primary);
  }
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

/* .newsSlider .swiper {
  padding: 0 50px;
} */

.slider-nav {
  text-align: center;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  width: 100%;
  z-index: 99999;
}

.slider-nav .swiper-button-next,
.slider-nav .swiper-button-prev {
  /* position: static; */
  width: 55px;
  height: 46px;
}

.slider-nav .swiper-button-next:hover svg,
.slider-nav .swiper-button-prev:hover svg {
  fill: var(--primary);
}

.slider-nav .swiper-button-next:hover path,
.slider-nav .swiper-button-prev:hover path {
  fill: #fff;
}

.newsSlider,
.programSlider,
.noticesSlider {
  position: relative;
}

.slider-nav .swiper-button-prev {
  left: -70px;
}

.slider-nav .swiper-button-next {
  right: -70px;
}

.img-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.program__container {
  margin-top: 400px;
}

.program__card > a {
  display: block;
  width: 100%;
  height: 310px;
}

.program__card > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.program__card .news__content {
  background: #fff;
  text-align: center;
  padding: 20px;
}

.program__card .news__content h3 {
  color: #fff;
  margin: 0;
  font-weight: 500;
}

.program__card .news__content h3 a {
  color: var(--primary);
}

.yearly__program .img-wrapper::before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to top, #000 25%, #0000 100%);
}

.program__container {
  padding-bottom: 100px;
  z-index: 99;
}

.program__container .heading-wrap {
  margin-top: 50px;
}

.program__container .heading-wrap h2 {
  color: #fff;
}

.program__container .heading-wrap p {
  color: #fff;
  margin: auto;
  margin-bottom: 30px;
}

.overlay__data {
  position: relative;
  min-height: 600px;
}

.overlay__data > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.overlay__data > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overlay__content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
  text-align: center;
  position: relative;
  z-index: 99;
}

.overlay__content svg {
  margin-bottom: 12px;
}

.overlay__content .heading-wrap h2 {
  color: #fff;
  line-height: 1.2;
}

.overlay__content .heading-wrap h2 span {
  display: block;
  color: var(--primary);
  font-size: 60px;
}

.overlay__content .heading-wrap p {
  color: #fff;
  margin: auto;
  margin-bottom: 20px;
}

.overlay__data::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000080;
  z-index: 1;
}

.site-footer {
  padding: 50px 0;
  text-align: center;
}

.quick__links {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  max-width: 850px;
  text-align: center;
}

.quick__links span {
  font-family: "Khand", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--primary);
  margin-bottom: 12px;
  display: block;
  /* margin-bottom: 20px; */
}

.quick__links ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.quick__links ul > li {
  position: relative;
}
.quick__links ul > li:not(:last-child)::after {
  margin-left: 8px;
  margin-right: 8px;
  content: "/";
}

.quick__links ul > li > a {
  font-size: 18px;
  color: var(--secondary);
  font-weight: 500;

  &:hover {
    color: var(--primary);
  }
}

.footer-socials {
  margin-top: 20px;
}

.footer-socials > a {
  color: var(--primary);
  margin-right: 10px;
  display: inline-block;
  font-size: 20px;
}

.site-footer p {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  margin-top: 12px;
  color: var(--secondary);
}

.featured__img {
  margin-top: 30px;
}

.featured__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single__title h1 {
  font-weight: 500;
  font-size: 60px;
}

.content__area {
  padding: 0 30px;
}

.content__area,
.content__area p,
.content__area div {
  -webkit-transition: font-size 0.3s ease;
  -o-transition: font-size 0.3s ease;
  transition: font-size 0.3s ease;
  font-size: 1.35rem;
  text-align: justify;
  font-weight: 400;
  line-height: 1.75;
  color: #4d4d4d;
}

.content__area p,
.content__area div {
  margin: 25px 0 0 0;
}

.content__area h1 {
  font-size: 33px;
}
.content__area h2 {
  font-size: 40px;
}
.content__area h3 {
  font-size: 30px;
}
.content__area h1,
.content__area h2,
.content__area h3,
.content__area h4,
.content__area h5,
.content__area h6 {
  margin-top: 12px;
  font-weight: bold;
}
.content__area h4 {
  font-size: 25px;
}
.content__area h5 {
  font-size: 23px;
}
.content__area h6 {
  font-size: 23px;
}

.content__area em {
  color: var(--secondary);
}
.content__area figure {
  width: 100% !important;
}

.content__area figure img {
  width: 100%;
}

.content__area figcaption {
  text-align: center;
  font-size: 19px;
  font-style: italic;
  font-weight: 600;
  opacity: 0.8;
  line-height: 30px;
  display: block;
  margin-top: 8px;
}

.content__area p img {
  width: 100%;
  margin-bottom: 15px;
}

.content__area blockquote.floatleft::before,
.content__area blockquote.floatright:before,
.content__area blockquote.floatleft::after,
.content__area blockquote.floatright:after {
  border: none;
}

.content__area blockquote::before {
  position: absolute;
  left: 0;
  top: 0;
}

.content__area blockquote::before,
.content__area blockquote::after {
  content: "\f10d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 40px;
}

.content__area blockquote.floatright {
  margin-left: 0;
  float: right;
}

.content__area blockquote::after {
  content: "\f10e";
}

.content__area .highlighter,
.content__area .highlighter p {
  font-size: 20px;
  line-height: 170%;
  color: var(--primary);
  font-weight: 600;
  display: block;
  font-style: italic;
  text-align: center;
}
.content__area .highlighter {
  background: #02a2e514;
  padding: 28px;
  border: 1px solid #11111129;
}

.content__area blockquote.floatleft,
.content__area blockquote.floatright {
  max-width: 340px;
  margin: 0 30px 0 0;
  /* padding-right: 40px; */
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding-right: 0;
  position: relative;
  z-index: 1;
  padding-top: 20px;
}
.content__area blockquote {
  display: block;
  width: 100%;
  line-height: 1.68;
  font-size: 1.4rem;
  position: relative;
  border-bottom: none;
  margin-bottom: 27px;
  margin-top: 12px;
  /*background: #ffffff0a;
  */
  font-weight: 600;
  padding-top: 40px;
  border: 1px solid #11111129;
  background: #ffe0e1;
  padding: 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.content__area blockquote.floatright,
.content__area blockquote.floatleft {
  padding-bottom: 10px;
  text-transform: justify;
}
.content__area blockquote,
.content__area blockquote p {
  text-align: center;
  color: var(--primary);
  font-weight: bold;
  font-size: 20px;
  margin: 0;
  padding-top: 20px;
  line-height: 34px;
}
.floatleft > p,
.floatright > p {
  border: 1px solid #11111129;
  background: #02a2e514;
  padding: 20px;
}
.content__area blockquote.floatleft {
  float: left;
  margin-right: 30px;
  padding: 40px 40px 00px 0px;
}

.content__area blockquote.floatleft::before,
.content__area blockquote.floatleft::after,
.content__area blockquote.floatright::before,
.content__area blockquote.floatright::after {
  content: "\f10e";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 50px;
}
.content__area blockquote.floatleft::before,
.content__area blockquote.floatright::before {
  top: 26px;
  left: 0;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.content__area blockquote.floatleft::after {
  bottom: -7px;
  right: 33px;
  left: inherit;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  position: absolute;
}
.content__area blockquote.floatright::after {
  bottom: 9px;
  right: 4px;
  left: inherit;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  position: absolute;
}
.content__area blockquote.floatright {
  margin: 0 0 0 30px;
  padding: 45px 0px 20px 0px;
}
.content__area p em {
  color: var(--secondary);
}

.row--news ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.row--news ul li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
}

.row--news ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.row--news ul li > a {
  display: block;
  width: 175px;
  max-width: 175px;
  min-width: 175px;
  height: 140px;
  margin-right: 15px;
}

.row--news ul li > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.row--news ul li h3 {
  font-size: 1.25rem;
  font-family: "Mukta", sans-serif;
  margin: 0;
}

.row--news ul li h3 a {
  color: #4d4d4d;

  &:hover {
    color: var(--primary);
  }
}
.latest__news > span {
  font-family: "Khand", sans-serif;
  font-size: 40px;
  margin-bottom: 30px;
  font-weight: 500;
  display: block;
  color: var(--primary);
  line-height: 100%;
}

.sticky {
  position: sticky;
  top: 175px;
}

.related__section {
  padding-top: 80px;
}

.single__meta .meta__date {
  margin: 0;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #eee;
}

.meta-author {
  font-weight: 500;
}

.meta-author svg {
  margin-right: 5px;
}

.team__card {
  display: block;
  padding: 20px;
  box-shadow:
    rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  text-align: center;
}

.team__card h3 {
  color: var(--primary);
  margin: 0;
  margin-top: 12px;
  font-size: 28px;
  font-weight: 500;
}

.team__card .team-img img {
  height: 285px;
  object-fit: cover;
}

.team__card span {
  color: #4d4d4d;
  font-size: 17px;
  font-weight: 600;
}

.team__container:not(:last-child) {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #eee;
}

.team-wrapper h1 {
  font-weight: 600;
  font-size: 45px;
  margin: 0;
  color: var(--primary);
}

.team-wrapper > span {
  font-size: 20px;
  font-weight: 600;
  color: #4d4d4d;
}

.team__desc {
  display: flex;
  align-items: center;
}

.team__desc p,
.team__desc a {
  color: #4d4d4d;
  font-size: 18px;
  margin: 0;
  margin-right: 25px;
}

.team__desc a:hover {
  color: var(--primary);
}

.team__desc p svg,
.team__desc a svg {
  vertical-align: middle;
  margin-right: 5px;
}

.team__desc p svg {
  vertical-align: inherit;
}

.team__desc {
  margin-top: 20px;
}

.team-wrapper {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.img-wrap img {
  width: 100%;
}

.contact__wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.contact__wrapper {
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #0000001a;
  padding-bottom: 1.25rem;
}

.contact__icon {
  display: flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: #ff00001a;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  -ms-border-radius: 9999px;
  -o-border-radius: 9999px;
}

.contact__icon svg {
  height: 32px;
}

.contact__details {
  font-size: 16px;
  line-height: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  color: #000;
  margin-left: 10px;
}

.contact__details a {
  display: block;
  color: var(--primary);
}

.contact__social h2 {
  font-weight: 500;
  color: var(--primary);
  margin-bottom: 12px;
}

.contact__social a {
  color: #111;
  margin-right: 15px;
  font-size: 20px;
}

.contact-iframe iframe {
  width: 100%;
}

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

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

.gallery-item img {
  height: 250px;
  object-fit: cover;
  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;
}

.footer__sticky {
  display: none;
}

/* offcanvas */
.offcanvas {
  min-height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100000;
  left: -100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  display: block;
}
.offcanvas.show {
  left: 0;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.offcanvas::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000c;
  -webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0.6;
}
.offcanvas .offcanvas__bar {
  width: 100%;
  position: relative;
  z-index: 10;
  height: 100%;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  position: absolute;
  top: 0;
  left: -100%;
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.offcanvas .offcanvas__bar .offcanvas__sidebar {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 300px;
  background: #fff;
  position: relative;
  z-index: 10;
  height: 100%;
  overflow-y: auto;
}
.offcanvas .offcanvas__bar.showbar {
  left: 0;
}

.offcanvas__logo {
  padding: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
  -webkit-box-shadow: inset 0 -1px 0 0 #eaeaea;
  box-shadow: inset 0 -1px 0 0 #eaeaea;
  -webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
  background: #fffc;
}
.offcanvas__logo .custom-logo-link {
  display: block;
  text-align: center;
}
.offcanvas__logo a img {
  width: 250px;

  margin: 0 auto;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.offcanvas__close {
  position: absolute;
  top: 10px;
  background: #fff;
  width: 50px;
  height: 50px;
  z-index: 100;
  left: 310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.offcanvas__close .offcanvas__icon {
  width: 20px;
  line-height: 0;
}
.offcanvas__close .offcanvas__icon span {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 2px;
  vertical-align: top;
  background: red;
}
.offcanvas__close .offcanvas__icon span + span {
  margin-top: 5px;
}

.offcanvas.show .offcanvas__close .offcanvas__icon span:nth-child(1) {
  -webkit-animation: ease 0.7s 0.6s icon1 forwards;
  animation: ease 0.7s 0.6s icon1 forwards;
}

.offcanvas.show .offcanvas__close .offcanvas__icon span:nth-child(2) {
  -webkit-animation: ease 0.7s 0.6s icon2 forwards;
  animation: ease 0.7s 0.6s icon2 forwards;
}

.offcanvas.show .offcanvas__close .offcanvas__icon span:nth-child(3) {
  -webkit-animation: ease 0.7s 0.6s icon3 forwards;
  animation: ease 0.7s 0.6s icon3 forwards;
}
@-webkit-keyframes icon1 {
  0% {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    top: 7px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    top: 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@keyframes icon1 {
  0% {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    top: 7px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    top: 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes icon2 {
  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes icon2 {
  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes icon3 {
  0% {
    bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    bottom: 7px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    bottom: 7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
@keyframes icon3 {
  0% {
    bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    bottom: 7px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    bottom: 7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}

.post-thumbnail {
  margin-bottom: 30px;
}
.offcanvas ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.offcanvas ul {
  padding: 0;
}
.offcanvas ul > li > a {
  color: #4d4d4d;
  text-transform: uppercase;
  font-size: 20px;
  padding: 12px 20px;
  display: block;
  font-weight: 500;
  font-family: "Khand", sans-serif;

  &:hover {
    color: var(--primary);
  }
}

.offcanvas ul > li > ul,
.offcanvas ul > li > ul > li > ul {
  display: none;
}

.offcanvas ul li {
  position: relative;
  cursor: pointer;
}
.offcanvas ul > li {
  border-bottom: 1px solid #eee;
}

.offcanvas ul > li > a:hover,
.offcanvas ul > li a.show-active,
.offcanvas ul > li.menu-item-has-children ul li a.show-active,
.offcanvas ul > li:hover > a {
  background: #ff00001a;
}

.offcanvas ul > li > ul > li:hover {
  background: #ff00001a;
}
.offcanvas ul li.menu-item-has-children span {
  color: var(--primary);
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 20px;
  width: 40px;
  height: 40px;
  background: #fff;
  right: 3px;
}
.offcanvas ul li.menu-item-has-children span i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.offcanvas ul li.menu-item-has-children > ul {
  background: #dae0e4;
}

.offcanvas ul li.menu-item-has-children > ul > li.menu-item-has-children > ul {
  background: #fff;
  margin: 0;
  margin-top: 5px;
  border-radius: 0;
  padding: 0;
  border-bottom: 1px solid transparent;
}
.offcanvas ul > li.menu-item-has-children > span {
  top: 21px;
}

.offcanvas ul > li.menu-item-has-children ul li a {
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1px;
  color: #111;
  text-transform: uppercase;
  padding: 12px 30px;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.offcanvas ul > li.menu-item-has-children ul li:last-child a {
  border-bottom: none;
}

.offcanvas ul > li ul li:hover > a {
  color: var(--primary);
  background: #0000000d;
}
.offcanvas ul > li.menu-item-has-children ul li:hover a {
  color: #fff;
}

.offcanvas ul > li.menu-item-has-children ul li.menu-item-has-children ul li a {
  padding-left: 40px;
}

.offcanvas
  ul
  > li.menu-item-has-children
  ul
  li.menu-item-has-children
  ul
  li.menu-item-has-children
  ul
  li
  a {
  padding-left: 60px;
}