:root {
  --clr-white: #fffdfb;
  --clr-yellow: #f2b43c;
  --clr-light-blue: #a2b6d8;
  --clr-dark-blue: #738390;
  --clr-black: #101011;
  /* Font Sizes */
  --fs-15: 0.938rem;
  --fs-16: 0.938rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-26: 1.688rem;
  --fs-30: 1.875rem;
  --fs-36: 2.313rem;
  --fs-42: 2.625rem;
  /* --fs-52: 3.25rem; */
  --fs-64: 4rem;
  /* --fs-86: 5.375rem; */
}

/* 36 charter bold form */
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

@font-face {
  font-family: avenir-next-bold-italic;
  src: url("assets/vendor/fonts/AvenirNext/AvenirNext-BoldItalic.ttf");
}

@font-face {
  font-family: charter-bold-italic;
  src: url("assets/vendor/fonts/charter/Charter Bold Italic.ttf");
}

@font-face {
  font-family: charter-black;
  src: url("assets/vendor/fonts/charter/charter-black.ttf");
}

@font-face {
  font-family: charter-bold;
  src: url("assets/vendor/fonts/charter/Charter\ Bold.ttf");
}

@font-face {
  font-family: charter-roman;
  src: url("assets/vendor/fonts/charter/charter-roman.ttf");
}

@font-face {
  font-family: charter-italic;
  src: url("assets/vendor/fonts/charter/Charter\ Italic.ttf");
}

@font-face {
  font-family: avenir-next-demibolditalic;
  src: url("assets/vendor/fonts/AvenirNext/AvenirNext-DemiBoldItalic.ttf");
}

@font-face {
  font-family: avenir-next-medium-italic;
  src: url("assets/vendor/fonts/AvenirNext/AvenirNext-MediumItalic.ttf");
}

@font-face {
  font-family: avenir-next-heavy-italic;
  src: url("assets/vendor/fonts/AvenirNext/AvenirNext-HeavyItalic.ttf");
}

@font-face {
  font-family: avenir-next-italic;
  src: url("assets/vendor/fonts/AvenirNext/AvenirNext-Italic.ttf");
}

body {
  background-color: var(--clr-white);
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--clr-black);
}

.avenar {
  font-family: avenir-next !important;
}

.charter {
  font-family: charter-black !important;
}

.charter-bold {
  font-family: charter-bold !important;
}

.charter-bold-italic {
  font-family: charter-bold-italic !important;
}

.charter-roman {
  font-family: charter-roman !important;
}

.avenir-next-bold-italic {
  font-family: avenir-next-bold-italic !important;
}

.charter-italic {
  font-family: charter-italic;
}

.avenir-next-heavy-italic {
  font-family: avenir-next-heavy-italic;
}

p {
  font-family: charter, sans-serif;
  color: var(--clr-black);
}

h1 {
  color: white !important;
  font-size: var(--fs-64) !important;
  font-family: avenir-next-bold-italic;
  text-transform: uppercase;
}

h2 {
  font-size: var(--fs-42) !important;

  font-family: charter-bold-italic;
}

h3 {
  font-size: var(--fs-36) !important;
}

/* Inner Heading */
h4 {
  font-size: var(--fs-26) !important;

  font-family: charter-bold;
}

h5 {
  font-size: var(--fs-18);
  font-family: avenir-next-demibolditalic;
  letter-spacing: 2px !important;

}

p {
  font-size: var(--fs-16) !important;
  font-family: charter-roman;
}

.fs-15 {
  font-size: var(--fs-15) !important;
}

.c-button {
  background-color: var(--clr-yellow);
  padding: 14px 36px;
  color: var(--clr-white);
  text-transform: uppercase;
  border-radius: 50px;
  border: none;
  outline: none;
  font-family: avenir-next-medium-italic;
}

.mtc-4 {
  margin-top: 4px;
}

.mtc-8 {
  margin-top: 8px;
}

.mtc-16 {
  margin-top: 16px !important;
}

.mtc-32 {
  margin-top: 32px !important;
}

.mtc-40 {
  margin-top: 40px !important;
}

.mtc-48 {
  margin-top: 48px !important;
}

.mtc-80 {
  margin-top: 80px !important;
}

.mtc-180 {
  margin-top: 180px !important;
}

/* input,
textarea::placeholder {
  font-family: avenir-next;
  font-style: italic;
  font-size: var(--fs-20);
  color: #5f707e;
} */

.fs-italic {
  font-style: italic;
}

.fs-normal {
  font-style: normal !important;
}

.fs-bold {
  font-weight: bold;
}

/* Colors */
.color-yellow {
  color: var(--clr-yellow);
}

.color-white {
  color: var(--clr-white);
}
.letter-s2{
  letter-spacing: 2px ;
}

/*      <!-- =============== Header Start  ============ --> */
.header {
  background-image: url(./assets/vendor/img/header.png);
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 20%;
  position: relative;
  z-index: -111111111;
}

.header-logo {
  width: 300px;
  margin: auto;
}

.header-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.header-overlay-img {
  height: 125px;

  position: absolute;
  bottom: 0;
  width: 100%;
}

.header-contact-heading {
  font-size: 24px !important;
  color: var(--clr-white);
  text-align: center;
}

.header-text {
  font-family: avenir-next-demibolditalic;
  font-size: 15px !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/* <!-- =============== Header End  ============ --> */
/* <!-- =============== Best Choice Start  ============ --> */
/* .best-choice {
  background-image: url(./assets/vendor/img/black-img.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 20%;
  position: relative;
  z-index: -2;

} */

.best-choice {
  background-color: #000 !important;
  width: 100%;
  height: 100%;
  position: relative;
}

/* .map-img-container {
  background-image: url(assets/vendor/img/best-choice-map.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -240px;
  margin-right: -240px;
  margin-bottom: -200px;
  height: 400px;
  width: 2000px;

} */

.map-img-container {
  /* background-image: url(assets/vendor/img/Group\ 73.png); */
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  border: 2px solid red;
  height: 100%;
  width: 100%;
  z-index: 11;
}

.stroke_image {
  position: absolute;
  bottom: 0;
  left: -26px;
  width: 120%;
}

.best-choice-parent {
  width: 90%;
  margin: auto;
}

@media screen and (max-width: 575px) {
  .map-img-container {
    margin-left: -100px;
    margin-right: -100px;
  }
}

.best-choice-contact {
  background-image: url(./assets/vendor/img/best-choice-form.png);
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 20%;
  position: relative;
  padding: 35px;
  border-radius: 12px;
  margin-top: -100px;
  z-index: 11111;
}

.best-choice-input {
  width: 100%;
  border-radius: 4px;
  border: none;
  font-weight: 600;
  padding: 8px;
  text-transform: uppercase;
  font-family: avenir-next-italic;
}

textarea {
  border-radius: 4px;
  padding: 8px;
  text-transform: uppercase;
}

.best-choice-h2 {
  line-height: 20px !important;
}

.best-choice-text {
  width: 70%;
  margin: auto !important;
}

.best-choice-cards-parent {
  position: relative;
  z-index: 1;
}

.best-choice-card {
  background-color: var(--clr-yellow);
  padding: 16px 12px;
  border-radius: 24px;
  font-family: avenir-next, sans-serif !important;
  min-height: 350px;
  height: 100%;
}

.contact-button {
  background-color: var(--clr-yellow);
  padding: 14px 56px;
  color: var(--clr-white);
  text-transform: uppercase;
  border-radius: 50px;
  border: none;
  outline: none;
  font-family: avenir-next-medium-italic;
}

.cards-heading {
  font-family: charter-bold !important;
  color: var(--clr-black);
}

/* <!-- =============== BEst Choice End  ============ --> */
/* <!-- =============== Slider Section Start  ============ --> */
.swiper-container {
  overflow: hidden;
  width: 800px !important;
  height: 600px !important;
}

@media (min-width: 480px) {
  .swiper-container {
    min-height: 320px;
  }
}

.swiper-container-wrapper {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 60%;
  position: relative;
  margin: auto;
  flex-flow: row nowrap;
}

@media screen and (max-width: 767px) {
  .swiper-container-wrapper {
    height: 100vh;
    width: 90%;
  }
}

/* @media (min-width: 240px) {
  .swiper-container-wrapper {
    flex-flow: row nowrap;
  }
} */
.swiper-button-next,
.swiper-button-prev {
  color: #000;
}

.swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.swiper-slide .description,
.swiper-slide .title {
  display: block;
  opacity: 0;
  transition: 0.5s ease 0.5s;
}

.swiper-slide-active .description,
.swiper-slide-active .title {
  opacity: 1;
}

.swiper-slide-active .title {
  margin-bottom: 0.5rem;
  font-size: 24px;
  color: #000;
  transition: opacity 0.5s ease 0.5s;
}

.swiper-slide-active .description {
  font-size: 16px;
  color: #777;
  transition: opacity 0.5s ease 0.75s;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background-color: none !important;
  border: none !important;
}

.swiper-slide-text {
  position: absolute;
  top: 5%;
  right: 5%;
  text-transform: uppercase;
  font-size: 20px !important;

}

.slider-main-parent {
  margin-top: 80px;
}

.charter-swiper-thumbnail-text {
  font-size: 10px !important;
  position: absolute;
  top: 5%;
  right: 5%;
  font-weight: bold !important;
}

.gallery-top {
  position: relative;
  width: 100%;
  height: 70vh !important;
}

.swiper-big-img {
}

.gallery-thumbs {
  width: 400px !important;
  height: 430px !important;
}

.gallery-top {
  width: 80%;
  height: 430px !important;
  margin-right: 0px;
}

.gallery-thumbs .swiper-wrapper {
  flex-direction: row;
}

.gallery-thumbs .swiper-wrapper {
  flex-direction: column;
}

.gallery-thumbs .swiper-slide {
  width: 80% !important;
  opacity: 0.75;
  cursor: pointer;
}

.gallery-thumbs .swiper-slide {
  width: 100%;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid var(--clr-yellow);
}

.btn {
  position: absolute;
  z-index: 11;
  top: 140%;
}

.swiper-button-next,
.swiper-button-prev {
  top: 108% !important;
  /* left: 50% !important; */
  color: var(--clr-yellow) !important;
}

.swiper-button-prev {
  left: 26% !important;
}

.swiper-button-next {
  left: 52% !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 24px !important;
  border: 1px solid #b5821e;
  border-radius: 80px;
  padding: 8px 14px;
  z-index: 99 !important;
  color: #b5821e;
}

.swiper-pagination {
  max-width: max-content;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  left: calc(40% - 32px) !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -45px !important;
}

.swiper-pagination-bullet-active {
  background: var(--clr-yellow);
}

/* <!-- =============== Second Section ENd  ============ --> */
/* <!-- =============== Tabs Section Start  ============ --> */
.tabs-left-side {
  background-color: rgba(238, 238, 238, 0.4862745098);
  border-radius: 24px;
  box-shadow: 3px 3px 3px #d3d0ce;
  padding: 42px 0;
}

.tabs-three-word {
  font-style: normal !important;
  font-family: charter !important;
}

.tabs-img {
  width: 100%;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--clr-yellow) !important;
}

.nav-link {
  color: #000 !important;
}

.nav-tabs .nav-link {
  border: none !important;
}

.tabs-line {
  border-bottom: 2px solid #000;
  width: 50%;
}

.tabs-border-right {
  border-right: 2px solid #000;
  height: 10px;
}

/*
.tabs-text-border::after {
  content: "";
  border-right: 3px solid #000;
  margin-left: 12px;
} */

.tabs-text-border {
  border-right: 3px solid #101011;
  height: 34px;
  border-radius: 12px;
}

.tab-second-border {
  border-right: 3px solid #101011;
  height: 34px;
  border-radius: 12px;
}

.border-BD {
  border-left: 2px solid #101011;
}

.nav-tabs {
  border-bottom: none !important;
}

.tabs-para {
  color: #101011;
}

/* <!-- =============== Tabs Section End  ============ --> */
/* <!-- =============== Community Section Start  ============ --> */

.community-top-heading-parent {
  position: relative;
  z-index: 111 !important;
  display: flex;
  align-items: center;
}

.community-top-heading-parent span {
  width: 100%;
  height: 3px;
  background-color: #f5c770;
}

/* <!-- ===============Community  Section End  ============ --> */
/* <!-- =============== Contact Section Start  ============ --> */
/* .contact-wolf-img {
  width: 200%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  z-index: -1222;
  border: 2px solid red;
} */

.contact-parent {
  /* background-color: rgba(0, 0, 0, 0.822); */
  position: relative;
  z-index: 1;
  background-image: url("assets/vendor/img/contact-wolf-destop.png");
  background-size: 100% 100%;
  background-size: cover;
  background-position: left;
  /* background-blend-mode: color-burn; */
  background-repeat: no-repeat;
  border: none;
  box-shadow: none;
  outline: none;
  overflow: hidden;
  width: 100%;
  min-height: 650px;
  align-items: center;
}
.contact-parent > .row {
  min-width: 100%;
}

.footer-white {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -111;
}

.contact-parent .contact-logo {
  width: 300px;
  -o-object-fit: contain;
  object-fit: contain;
}

.footer-text-parent{
    position: absolute;
    width: 100%;
    bottom: 0;
    color: white;
    text-align: center;
    left: 0;
    /* transform: translate(-50%, -50%); */
    /* background-color: white; */
}
.footer-text {
    background-color: white;
    width: 50%;
    margin: auto;
}
.mobile-footer-text-parent {
  text-align: center;
  font-size: 12px !important;
  font-weight: 600;
  background-image: url(assets/vendor/img/footer-white.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 200px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin: 0 -70px; */
  margin-bottom: -50px;
}

.mobile-footer-text {
  background-color: white !important;
  text-align: center;
  font-size: 10pt;
}

.contact-mobile {
  background-image: url("./assets/vendor/img/Wolf-Mobile.jpg");
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  height: 100%;
  background-position: 62%;
}

.footer-mobile-logo {
  width: 200px;
  -o-object-fit: contain;
  object-fit: contain;
  text-align: center;
  margin-top: 60px;
}

.c-button {
  background-color: var(--clr-yellow);
  padding: 12px 24px;
  color: var(--clr-white);
  text-transform: uppercase;
  border-radius: 50px;
  border: none;
  outline: none;
  letter-spacing: 3px;
  font-weight: 600;
}

/* <!-- =============== Contact Section Start  ============ --> */
/**********************Media Queries**************************/
@media (min-width: 1025px) and (max-width: 1440px) {
  /* Order Completion  */
}

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

@media screen and (max-width: 992px) {
  /* .community-top-heading::before {
      content: "";
      height: 2px;
      width: 1px;
      background-color: #f2b43c !important;
      position: absolute;
      display: inline;
      left: 0;
      top: 50%;
      z-index: -1;
    } */
  /* .community-top-heading::after {
      content: "";
      height: 2px;
      width: 0px;
      background-color: #f2b43c !important;
      position: absolute;
      display: inline;
      right: 0;
      top: 50%;
      z-index: -1;
    } */
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    left: calc(50% - 32px) !important;
  }

  .swiper-button-next {
    left: 90% !important;
  }

  .swiper-button-prev {
    left: 0% !important;
  }
}

@media (max-width: 768px) {
  h1 {
    color: white !important;
    font-size: var(--fs-30) !important;
  }

  h2 {
    font-size: 24px !important;
  }

  h4 {
    font-size: var(--fs-20) !important;
  }

  .header-contact-heading {
    font-size: var(--fs-20) !important;
    text-align: center !important;
  }

  .footer-yellow-text {
    font-size: 18px !important;
  }

  .footer-white-img {
    display: none;
  }
  .mtc-180{
    margin-top: 80px !important;
  }
  .mtc-80{
    margin-top: 40px !important;
  }
}

@media (max-width: 768px) and (max-width: 576px) {
  .footer-para {
    font-size: 12px !important;
  }

  .best-choice-contact {
    background-image: url(./assets/vendor/img/best-choice-form.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 20%;
    position: relative;
    padding: 16px;
    border-radius: 12px;
    margin-top: -80px;
    z-index: 11111;
  }

  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    left: calc(50% - 32px) !important;
  }

  .swiper-button-prev {
    left: 10px !important;
  }

  .swiper-button-next {
    left: 90% !important;
  }

  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: -35px !important;
  }

  .btn.focus,
  .btn:focus {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
  }

  .best-choice-h2 {
    line-height: 22px !important;
    font-size: 20px !important;
  }

  .best-choice-text {
    font-size: 14px !important;
  }

  .mtc-180 {
    margin-top: 60px !important;
  }

  .mtc-80 {
    margin-top: 16px !important;
  }

  .mtc-40 {
    margin-top: 24px !important;
  }

  svg {
    width: 30px !important;
    height: 30px !important;
  }

  .cards-paragraph {
    font-size: 10px !important;
    line-height: 12px;
  }

  .cards-heading {
    font-size: 11px !important;
  }

  .best-choice-card {
    background-color: var(--clr-yellow);
    padding: 11px 8px;
    border-radius: 24px;
    font-family: avenir-next, sans-serif !important;
  }

  .coummunity-img {
    margin-top: 56px !important;
  }
}

@media screen and (max-width: 576px) {
  .stroke_image {
    position: absolute;
    bottom: -3px;
    left: -22px;
    width: 120%;
    height: 195px;
  }

  .mtc-32 {
    margin-top: 16px !important;
  }

  .mtc-16 {
    margin-top: 12px !important;
  }

  .tab-content {
    width: 80%;
    margin: auto;
    padding-top: 24px;
  }

  .slider-text {
    color: #5f707e !important;
  }

  .slider-main-parent {
    margin-top: 40px;
  }

  .c-button {
    background-color: var(--clr-yellow);
    padding: 12px 24px;
    color: var(--clr-white);
    text-transform: uppercase;
    border-radius: 50px;
    border: none;
    outline: none;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 12px;
  }

  .swiper-container-wrapper {
    /* height: 55vh !important; */
    width: 90%;
  }

  .swiper-big-img {
    height: 300px !important;
  }

  .swiper-container-wrapper {
    height: 100%;
    width: 96%;
  }

  .swiper-container {
    overflow: hidden;
    width: 800px !important;
    height: 330px !important;
  }

  .header {
    height: 510px !important;
  }
  .best-choice-card {
    min-height: 202px !important;
  }
  .best-choice-contact{
    margin-bottom: 56px !important;
  }
  .best-choice-parent {
    width: 98%;
    margin: auto;
}
  
h5 {
  font-size: var(--fs-16);
  font-family: avenir-next-demibolditalic;
  letter-spacing: 1px !important;

}
.swiper-slide-text {
  position: absolute;
  top: 5%;
  right: 5%;
  text-transform: uppercase;
  font-size: 12px !important;

}
}

@media screen and (max-width: 430px) {
  .best-choice-card {
    width: 100% !important;
  }
}

@media screen and (max-width: 419px) {
  .best-choice-cards-parent .col-6 {
    width: 100% !important;
  }
}

.swal2-container {
  z-index: 99999;
}