/* -------------------------------------------------------
    Theme Name: Unlearn Living
    Theme URL: https://unlearnliving.com/
    Description: A Transformative Platform for Conscious Living and Ego Awareness
    Author: AdnanMukri - https://adnanmukri.com/
    Author ThemeForest URL: https://mediaxmaster.com/
    Copyright(c) 2025
    Version: 1.0
------------------------------------------------------- */
/* font */
@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");

#allLoader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.75) url(../images/loading.gif) no-repeat center center;
  z-index: 10000;
}

/* variable */
:root {
  --base-color: #f36f21;
  --dark-gray: #141414;
  --medium-gray: #707070;
  --aluminium-grey: rgba(255, 255, 255, 0.4);
  --medium-gray: #797a8c;
  --dark-gray: #353642;
  --alt-font: "Urbanist", sans-serif;
  --primary-font: "Urbanist", sans-serif;
}

body {
  font-size: 17px;
  line-height: 30px;
}

a:hover {
  color: var(--dark-gray);
  text-decoration: none;
}

.navbar .navbar-nav .dropdown.open .dropdown-menu {
  background-color: var(--dark-gray);
}

.google-maps-link a:hover {
  color: var(--white);
}

.sticky-active .navbar .navbar-nav .nav-link {
  color: var(--dark-gray);
}

.sticky-active .navbar .navbar-collapse.show .navbar-nav .nav-link,
.sticky-active .navbar .navbar-collapse.collapsing .navbar-nav .nav-link {
  color: var(--white);
}


/* custom cursor */
.custom-cursor .circle-cursor-inner {
  background-color: var(--dark-gray);
}

.custom-cursor .circle-cursor-inner.cursor-link-hover {
  background-color: var(--dark-gray);
}

.custom-cursor .circle-cursor-outer {
  border: 1px solid var(--dark-gray);
  opacity: 0.3;
}

/* header */
header .navbar-brand img {
  max-height: 80px;
}

.navbar .navbar-nav .nav-link {
  font-size: 18px;
  font-weight: 600;
}

header .left-nav .navbar-nav:before {
  background-color: var(--medium-gray);
  opacity: 0.3;
}

.btn.btn-switch-text.btn-large>span {
  padding: 7px 14px;
}

/* bg color */
.bg-cabaret-red {
  background-color: #d94f6f;
}

.bg-ghost-white {
  background-color: #f4f6ff;
}

.bg-cosmic-latte-white {
  background-color: #f2fbf9;
}

.bg-chablis-red {
  background-color: #fef3f5;
}

.bg-lavender-violet {
  background-color: #f5edfc;
}

.bg-clear-green {
  background-color: #e9f6f5;
}

.bg-linen-white {
  background-color: #fbf3ee;
}

.bg-lavender-violet-light {
  background-color: #ecf7fc;
}

.bg-midnight-blue {
  background-color: #242e45;
}

.bg-gradient-flamingo-amethyst-green {
  background-image: linear-gradient(to right,
      #e3545c,
      #c84d9d,
      #885dd1,
      #2f86bc,
      #01a89e);
}

.bg-gradient-very-light-gray {
  background-image: linear-gradient(to bottom,
      #f9eaec,
      #f9eaec,
      #faf5f9,
      #fcfafc,
      #ffffff);
}

.bg-gradient-very-ghost-white {
  background-image: linear-gradient(to bottom,
      #f4f6ff,
      #f7f8ff,
      #fafaff,
      #fdfdff,
      #ffffff);
}

/* text gradient color */
.text-gradient-orange-sky-blue {
  background-image: linear-gradient(to right,
      #e2545d,
      #ab5a99,
      #7466c6,
      #4588b0,
      #1ba69c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* btn */
.btn.btn-hover-animation-switch.btn-link {
  padding-top: 0;
}

.btn i {
  margin-left: 4px;
}

.btn {
  text-transform: inherit;
  font-weight: 600;
  letter-spacing: 0;
}

.btn.btn-extra-large {
  font-size: 18px;
  padding: 16px 32px;
}

.btn.btn-large {
  font-size: 17px;
  padding: 14px 28px;
}

.btn.btn-medium {
  font-size: 16px;
  padding: 12px 24px;
}

.btn.btn-small {
  font-size: 15px;
  padding: 10px 18px;
}

.btn.btn-very-small {
  font-size: 14px;
  padding: 9px 20px;
}

.btn.btn-link {
  padding: 0 0 2px;
}

/* left right top */
.top-20 {
  top: 20%;
}

.top-30 {
  top: 30%;
}

.top-minus-180px {
  top: -180px;
}

.left-40 {
  left: 40%;
}

.right-10 {
  right: 10%;
}

/* pricing table style 04 */
.pricing-table-style-04 .accordion-item.active-accordion {
  background-color: var(--dark-gray) !important;
}

/* process-step style 05 */
.process-step-style-05 .progress-step-separator {
  bottom: inherit;
  height: 100%;
}

.team-style-01 figure figcaption .social-icon a {
  margin: 0 7px;
}

/* page title style */
.page-title-button-style h1 {
  padding: 5px 20px;
  display: inline-block;
  font-size: 12px;
}

.page-title-extra-small h2 {
  font-size: 3.438rem;
  line-height: 3.2rem;
}

/* footer */
footer {
  padding-top: 100px;
  padding-bottom: 30px;
}

footer .nav-link {
  color: var(--dark-gray);
  padding: 10px 20px;
}

footer .elements-social ul li:last-child {
  margin-right: 0;
}

.bg-orange {
  background-color: #f36f21;
}

.bg-blue {
  background-color: #001F4D;
}

.text-unlearn-orange {
  color: #f36f21;
}

.text-unlearn-blue {
  color: #001F4D;
}

.bg-warm {
  background-color: #FAFAF7;
}

.bg-cool-gray {
  background-color: #E5E5E5;
}

.bg-charcoal-gray {
  background-color: #333333;
}

.bg-teal-blue {
  background-color: #4CA1A3;
}

.btn.btn-unlearn-blue {
  background-color: #001F4D;
  color: var(--white);
}

.btn.btn-unlearn-orange {
  background-color: #f36f21;
  color: var(--white);
}

footer .nav-link {
  color: var(--white);
  padding: 10px 20px;
}

.site-footer {
  margin-top: -30px;
}

.elements-social .dark li a {
  color: var(--dark-gray);
}

#pricing,
#book-preview,
#unlearn,
#journey,
#contact-form,
#author {
  scroll-margin-top: 120px;
  scroll-margin-bottom: 60px;
}

.legal-links li {
  font-size: 14px;
  position: relative;
  padding: 0 10px;
  /* space for the separator */
}

.legal-links li:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: 0;
  color: #fff;
}

.review-style-05 .last-paragraph-no-margin p:last-of-type {
  margin-bottom: 0;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.video-item,
.podcast-item {
  display: none;
  animation: fadeIn 0.4s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Default banners for desktop */
.cover-background[style*="home-banner-1.png"] {
  background-image: url('../images/home-banner-1.png') !important;
}

.cover-background[style*="home-banner-2.png"] {
  background-image: url('../images/home-banner-2.png') !important;
}

.cover-background[style*="home-banner-3.png"] {
  background-image: url('../images/home-banner-3.png') !important;
}

@media (max-width: 1399px) {
  .xl-h-180px {
    height: 180px;
  }

  .xl-w-180px {
    width: 180px;
  }
}

@media (max-width: 1350px) {
  .navbar .navbar-nav .nav-link {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 1279px) {
  .navbar .navbar-nav .nav-link {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 1199px) {
  .navbar .navbar-nav .nav-link {
    padding-left: 8px;
    padding-right: 8px;
  }

  .outside-box-top-200px {
    margin-top: -150px;
  }

  footer {
    padding-top: 80px;
  }
}

@media (max-width: 991px) {
  .cover-background[style*="home-banner-1.png"] {
    background-image: url('../images/home-banner-1-mobile.png') !important;
  }

  .cover-background[style*="home-banner-2.png"] {
    background-image: url('../images/home-banner-2-mobile.png') !important;
  }

  .cover-background[style*="home-banner-3.png"] {
    background-image: url('../images/home-banner-3-mobile.png') !important;
  }

  footer {
    padding-top: 65px;
  }

  .md-bottom-5 {
    bottom: 5% !important;
  }

  footer .nav-link {
    padding: 5px 15px;
  }

  .unlearn.navbar.header-dark .navbar-toggler-line,
  .navbar-modern-inner.header-dark .navbar-toggler-line,
  .navbar-full-screen-menu-inner.header-dark .navbar-toggler-line {
    background-color: var(--dark-gray);
  }

  .outside-box-top-200px {
    margin-top: 0;
  }

  .navbar .navbar-nav .dropdown.open .dropdown-menu {
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  footer {
    padding-top: 50px;
  }

  .number.text-white.fs-24.fw-600 {
    min-width: 28px;
  }

  .change-translate-mobile.translate-middle-y {
    transform: none !important;
  }

  .banner-postion-75 {
    background-position: 75% !important;
  }
}

@media (max-width: 575px) {
  .xs-mt-minus-40px {
    margin-top: -40px !important;
  }

  .accordion .accordion-item .accordion-header .accordion-title {
    line-height: 28px;
  }
}