@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");
:root {
  --alt-font: "Plus Jakarta Sans", sans-serif;
  --primary-font: "Inter", sans-serif;
}
/* -------------------------------------------------------
    Theme Name: Geneomes - The Multipurpose HTML5 Template
    Theme URL: https://Geneomes.app/
    Description: Elevate your online presence with Geneomes - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.
    Author: Geneomes - https://Geneomes.app/
    Author ThemeForest URL: https://themeforest.net/user/themezaa
    Copyright(c) 2024 themezaa.com
    Version: 2.0
------------------------------------------------------- */

/*
Table of contents
    01. Google font
    02. CSS color variable
    03. Reset
    04. Typography
    05. General
    06. Background and border
    07. Width
    08. Height
    09. Loop
    10. Header
    11. Page title
    12. Layout
    13. Elements
    14. Blog
    15. Portfolio
    16. Shop
    17. Footer
*/

/* ===================================
    01. Google font
====================================== */

/* ===================================
    02. CSS color variable
====================================== */

/* ===================================
    03. Reset
====================================== */

.alt-font {
  font-family: var(--alt-font);
}

html {
  font-size: 16px;
}

body {
  font-family: var(--primary-font);
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: var(--medium-gray);
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
}

section {
  padding-top: 110px;
  padding-bottom: 110px;
}

section.half-section {
  padding-top: 70px;
  padding-bottom: 70px;
}

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

ul li {
  list-style: none;
}

a {
  color: var(--medium-gray);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

p {
  margin-bottom: 25px;
}

.last-paragraph-no-margin p:last-of-type {
  margin-bottom: 0;
}

[class*="line-icon"],
[class*=" line-icon"],
[class*="bi-"],
[class*="feather"],
[class*="ti-"] {
  display: inline-block;
}

.form-control,
.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-position: right 20px center !important;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-right: 15px;
  padding-left: 15px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row > * {
  padding-right: 15px;
  padding-left: 15px;
}

.row.g-0 {
  margin-right: 0;
  margin-left: 0;
}

.row.g-0 > * {
  padding-right: 0;
  padding-left: 0;
}

/* ===================================
    04. Typography
====================================== */

/* Heading */

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 30px;
  letter-spacing: -0.5px;
  font-weight: inherit;
}

h1,
.h1 {
  font-size: 4.375rem;
  line-height: 4.375rem;
}

h2,
.h2 {
  font-size: 3.438rem;
  line-height: 3.438rem;
}

h3,
.h3 {
  font-size: 2.813rem;
  line-height: 3.125rem;
}

h4 {
  font-size: 2.375rem;
  line-height: 2.7rem;
}

h5 {
  font-size: 2rem;
  line-height: 2.2rem;
}

h6 {
  font-size: 1.75rem;
  line-height: 1.95rem;
}

/* Font custom */

b,
strong {
  font-weight: 700;
}

.text-white-space-nowrap {
  white-space: nowrap;
}

.text-transform-none {
  text-transform: none !important;
}

/* Font size */

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-26 {
  font-size: 26px;
  line-height: 38px;
}

.fs-28 {
  font-size: 1.75rem;
  line-height: 2.6rem;
}

.fs-32 {
  font-size: 2rem;
  line-height: 2.5rem;
}

.fs-90 {
  font-size: 5.625rem;
  line-height: 5.625rem;
}

.fs-120 {
  font-size: 7.5rem;
  line-height: 7.5rem;
}

.fs-140 {
  font-size: 8.75rem;
  line-height: 8.75rem;
}

.fs-200 {
  font-size: 12.5rem;
  line-height: 12.5rem;
}

/* Line height */

.lh-18 {
  line-height: 18px;
}

.lh-20 {
  line-height: 20px;
}

.lh-22 {
  line-height: 22px;
}

.lh-24 {
  line-height: 24px;
}

.lh-26 {
  line-height: 26px;
}

.lh-30 {
  line-height: 30px;
}

.lh-0 {
  line-height: 0;
}

.lh-normal {
  line-height: normal;
}

.lh-initial {
  line-height: initial;
}

/* Text color */

.text-white,
.btn-link.text-white,
a.text-white-hover:hover {
  color: var(--white);
}

.text-base-color,
.btn-link.text-base-color {
  color: var(--base-color);
}

.text-dark-gray,
.btn-link.text-dark-gray,
a.text-dark-gray-hover:hover {
  color: var(--dark-gray);
}

.text-medium-gray,
.btn-link.text-medium-gray,
a.text-medium-gray-hover:hover {
  color: var(--medium-gray);
}

.text-light-gray,
.btn-link.text-light-gray,
a.text-light-gray-hover:hover {
  color: var(--light-gray);
}

.text-red,
.btn-link.text-red,
a.text-red-hover:hover {
  color: var(--red);
}

.text-golden-yellow,
.btn-link.text-golden-yellow,
a.text-golden-yellow-hover:hover {
  color: var(--golden-yellow);
}

/* Text gradient color */

/* Text shadow */

/* Text bottom line */

.text-decoration-line-bottom {
  border-bottom: 1px solid;
}

.text-decoration-line-bottom-medium {
  border-bottom: 2px solid;
}

/* Text outline*/

.text-outline {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
}

/* Text stroke width */

.text-outline-width-1px {
  -webkit-text-stroke-width: 1px;
}

/* Text stroke color */

.text-outline-color-dark-gray {
  -webkit-text-stroke-color: var(--dark-gray);
}

/* Letter spacing */

.ls-05px {
  letter-spacing: 0.5px !important;
}

.ls-1px {
  letter-spacing: 1px !important;
}

.ls-2px {
  letter-spacing: 2px !important;
}

.ls-minus-05px {
  letter-spacing: -0.5px !important;
}

.ls-minus-1px {
  letter-spacing: -1px !important;
}

.ls-minus-3px {
  letter-spacing: -3px !important;
}

.ls-minus-5px {
  letter-spacing: -5px !important;
}

/* Icon size */

.icon-double-large {
  font-size: 60px;
}

.icon-extra-medium {
  font-size: 24px;
}

.icon-small {
  font-size: 18px;
}

.icon-very-small {
  font-size: 14px;
}

/* ===================================
    05. General
====================================== */

/* Separator line */

/* Separator vertical line */

/* Separator line size */

/* Opacity */

.opacity-full-dark,
.opacity-full,
.opacity-medium,
.opacity-extra-medium,
.opacity-light,
.opacity-very-light {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.opacity-light {
  opacity: 0.3;
}

/* Position */

/* Vertical title center */

/* Skrollr */

/* Transform */

.btn.btn-none-transform,
.btn.btn-none-transform:hover {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Transition */

/* Pointer events */

/* Sticky column */

.sticky-wrap {
  position: fixed;
  top: 50%;
  left: 0;
  opacity: 0;
  z-index: 1;
  -webkit-transform: rotate(-90deg) translate(-50%, 50%);
  transform: rotate(-90deg) translate(-50%, 50%);
  transform-origin: 0 50%;
  transition: 1s cubic-bezier(0.7, 0, 0.3, 1) !important;
}

.sticky-wrap a {
  color: var(--dark-gray) !important;
}

.sticky-wrap a:hover {
  color: var(--dark-gray) !important;
}

.sticky-wrap div,
.sticky-wrap span,
.sticky-wrap p {
  color: var(--dark-gray) !important;
}

.sticky-wrap .social-icon-style-10 ul li a:hover {
  color: var(--dark-gray) !important;
}

/* Overflow */

/* Overlap section */

.overlap-section {
  position: relative;
}

/* Outside box */

.outside-box-top-18 {
  margin-top: -18vw;
}

/* CSS filter */

/* Box shadow */

.box-shadow-medium-bottom,
.box-shadow-medium-bottom-hover:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
}

.box-shadow-extra-large,
.box-shadow-extra-large-hover:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
}

.box-shadow-quadruple-large,
.box-shadow-quadruple-large-hover:hover {
  -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
}

/* Input */

input,
select,
textarea,
.form-control,
.form-select {
  padding: 12px 25px;
  width: 100%;
  max-width: 100%;
  resize: none;
  outline: none;
  font-size: 16px;
  border: 1px solid #e4e4e4;
  color: var(--medium-gray);
  line-height: inherit;
  word-break: normal;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.form-select {
  color: var(--medium-gray);
}

.form-select:focus {
  border-color: #dfdfdf;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border: 1px solid #c2c2c2;
  box-shadow: none !important;
  color: var(--medium-gray);
}

/* Select */

/* Date icon */

/* Mozilla firefox */

/* Time icon */

/* Input size */

.input-small,
.textarea-small,
.select-small {
  padding: 7px 15px;
  font-size: 12px;
}

/* Box overlay */

/* Swiper slider pagination */

/* Swiper pagination style 02 */

/* Swiper pagination style 03 */

/* Swiper pagination style 04 */

/* Custom image pagination */

/* Swiper number pagination style 01 */

/* Swiper number pagination style 02 */

/* Swiper line pagination style 01 */

/* Swiper number line pagination style */

/* Swiper number navigation style */

/* Swiper pagination progress style */

/* Swiper pagination progress style */

/* Swiper pagination bottom */

/* Swiper navigation */

.swiper-button-prev,
.swiper-button-next {
  outline: none;
  cursor: pointer;
  height: 45px;
  width: 45px;
  margin-top: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 0.8;
}

.swiper-button-next {
  left: inherit;
}

/* Swiper navigation style 01 */

/* Swiper navigation style 02 */

/* Swiper navigation style 03 */

/* Swiper navigation style 04 */

.slider-navigation-style-04 {
  height: 56px;
  width: 56px;
  border-radius: 100%;
  position: relative;
  bottom: inherit;
  left: 0;
  top: inherit;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slider-navigation-style-04 i {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slider-navigation-style-04:hover i {
  opacity: 0.5;
}

.slider-navigation-style-04.swiper-button-prev {
  margin-right: 5px;
}

.slider-navigation-style-04.swiper-button-next {
  margin-left: 5px;
}

/* Swiper navigation style 05 */

/* Swiper navigation style 06 */

/* Swiper navigation style 07 */

/* Swiper navigation style 08 */

.slider-navigation-style-08 {
  width: auto;
  height: auto;
  position: relative;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  left: 0;
}

.slider-navigation-style-08.swiper-button-next {
  right: 0;
  left: inherit;
}

/* Slider custom text */

/* Swiper width auto */

/* Slider shadow */

/* Highlight separator */

/* Full screen */

/* Video icons */

@-webkit-keyframes video-icon-sonar {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes video-icon-sonar {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/* HTML video play */

/* Will change */

.animation-rotation {
  -webkit-animation: rotation 8s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

/* Float animation */

@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(15px);
  }

  100% {
    transform: translateY(30px);
  }
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(5px);
  }

  100% {
    transform: translateY(10px);
  }
}

/* Zoom animation */

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.2, 1.2);
  }

  100% {
    transform: scale(1, 1);
  }
}

/* Box shadow animation  */

[data-shadow-animation] {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}

/* Parallax liquid  */

/* Masked image animation */

/* Shape image animation */

/* Magic cursor */

.magic-cursor {
  cursor: none;
}

/* Anime animation */

[data-anime] {
  opacity: 0;
  transition: none;
}

/* Atropos box */

/* Only for safari browser */

@media not all and (min-resolution: 0.001dpcm) {
  /* font awesome icon gradient color */
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* color issue */
}

/* Data top bottom transition animation */

[data-top-bottom] {
  transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}

/* Custom cursor */

/* Stack box */

/* Scrolling text */

.marquees-text {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-animation: example1 50s linear infinite;
  animation: example1 50s linear infinite;
  width: 100%;
}

/* Marquee slide */

.marquee-slide {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  position: relative;
}

/* Father shadow */

.feather-shadow {
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000000 20%,
    #000000 80%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000000 20%,
    #000000 80%,
    transparent 100%
  );
}

/* Text sliding line */

/* Sliding line */

/* Feature box slider */

/* Page loader */

/* Cookie message */

.cookie-message {
  position: fixed;
  bottom: 20px;
  right: 20px;
  max-width: 370px;
  z-index: 999999;
  padding: 40px;
  display: none;
}

/* Scroll progress */

.scroll-progress {
  position: fixed;
  right: 20px;
  z-index: 111;
  top: 50%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  mix-blend-mode: difference;
}

.scroll-progress .scroll-top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.scroll-progress .scroll-line {
  width: 2px;
  height: 60px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.15);
  color: inherit;
  display: block;
}

.scroll-progress .scroll-point {
  display: inline-block;
  width: 2px;
  position: absolute;
  background-color: var(--white);
  top: 0px;
  left: 0px;
}

.scroll-progress .scroll-text {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  margin-bottom: 15px;
  color: var(--white);
  font-size: 11px;
  text-transform: uppercase;
}

/* for buy and demo button */

/* Move it (define the animation) */

@-moz-keyframes example1 {
  0% {
    -moz-transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
  }
}

@-webkit-keyframes example1 {
  0% {
    -webkit-transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(-100%);
  }
}

@keyframes example1 {
  0% {
    -moz-transform: translateX(100%);
    /* Firefox bug fix */
    -webkit-transform: translateX(100%);
    /* Firefox bug fix */
    transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
    /* Firefox bug fix */
    -webkit-transform: translateX(-100%);
    /* Firefox bug fix */
    transform: translateX(-100%);
  }
}

/* ===================================
    06. Background and border
====================================== */

/* Background color */

.bg-base-color {
  background-color: var(--base-color);
}

.bg-dark-gray,
.bg-dark-gray:focus {
  background-color: var(--dark-gray);
}

.bg-extra-medium-gray {
  background-color: var(--extra-medium-gray);
}

.bg-very-light-gray {
  background-color: var(--very-light-gray);
}

.bg-light-red {
  background-color: var(--light-red);
}

.bg-green {
  background-color: var(--green);
}

/* Gradient background color */

/* Transparent background color */

.bg-transparent {
  background-color: transparent;
}

.bg-gradient-extra-midium-gray-transparent {
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(50%, rgba(0, 0, 0, 0.5)),
    color-stop(150%, rgba(20, 20, 20, 0.3))
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 50%,
    rgba(20, 20, 20, 0.3) 150%
  );
}

/* Background image */

.cover-background {
  background-repeat: no-repeat !important;
  background-size: cover;
  overflow: hidden;
  position: relative;
  background-position: center center !important;
}

.background-position-right {
  background-position: right center !important;
}

/* Background size */

/* Border width */

.border-9 {
  border-width: 9px !important;
}

/* Border style */

/* Border color */

.border-color-base-color {
  border-color: var(--base-color) !important;
}

.border-color-white {
  border-color: var(--white) !important;
}

.border-color-light-medium-gray {
  border-color: var(--light-medium-gray) !important;
}

.border-color-extra-medium-gray {
  border-color: var(--extra-medium-gray) !important;
}

.border-color-transparent-dark-very-light {
  border-color: rgba(35, 35, 35, 0.1) !important;
}

.border-color-transparent-white-light {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.border-color-transparent {
  border-color: transparent !important;
}

/* Gradient border color */

/* Border radius */

.border-radius-0px {
  border-radius: 0 !important;
}

.border-radius-4px {
  border-radius: 4px !important;
}

.border-radius-5px {
  border-radius: 5px !important;
}

.border-radius-6px {
  border-radius: 6px !important;
}

.border-radius-8px {
  border-radius: 8px !important;
}

.border-radius-15px {
  border-radius: 15px !important;
}

.border-radius-100px {
  border-radius: 100px !important;
}

.border-radius-100 {
  border-radius: 100% !important;
}

/* Parallax background */

/* ===================================
    07. Width
====================================== */

.w-1px {
  width: 1px !important;
}

.w-30px {
  width: 30px !important;
}

.w-35px {
  width: 35px !important;
}

.w-45px {
  width: 45px !important;
}

.w-60px {
  width: 60px !important;
}

.w-65px {
  width: 65px !important;
}

.w-80px {
  width: 80px !important;
}

.w-90px {
  width: 90px !important;
}

.w-120px {
  width: 120px !important;
}

.w-140px {
  width: 140px !important;
}

.w-150px {
  width: 150px !important;
}

.w-300px {
  width: 300px !important;
}

.w-45 {
  width: 45% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

/* ===================================
    08. Height
====================================== */

.h-1px {
  height: 1px !important;
}

.h-2px {
  height: 2px !important;
}

.h-3px {
  height: 3px !important;
}

.h-20px {
  height: 20px !important;
}

.h-30px {
  height: 30px !important;
}

.h-35px {
  height: 35px !important;
}

.h-45px {
  height: 45px !important;
}

/* Screen height */

/* ===================================
    09. Loop - Padding, margin, position, font weight, min height, opacity and z-index
====================================== */

/* Padding and margin */

.p-20px {
  padding: 20px !important;
}

.p-30px {
  padding: 30px !important;
}

.p-50px {
  padding: 50px !important;
}

.p-70px {
  padding: 70px !important;
}

.p-4 {
  padding: 4% !important;
}

.p-6 {
  padding: 6% !important;
}

.p-7 {
  padding: 7% !important;
}

.p-11 {
  padding: 11% !important;
}

.p-13 {
  padding: 13% !important;
}

.p-14 {
  padding: 14% !important;
}

.p-16 {
  padding: 16% !important;
}

.pt-5px {
  padding-top: 5px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.pt-25px {
  padding-top: 25px !important;
}

.pt-30px {
  padding-top: 30px !important;
}

.pt-40px {
  padding-top: 40px !important;
}

.pt-45px {
  padding-top: 45px !important;
}

.pt-4 {
  padding-top: 4% !important;
}

.pt-30 {
  padding-top: 30% !important;
}

.pe-5px {
  padding-right: 5px !important;
}

.pe-10px {
  padding-right: 10px !important;
}

.pe-15px {
  padding-right: 15px !important;
}

.pe-20px {
  padding-right: 20px !important;
}

.pe-30px {
  padding-right: 30px !important;
}

.pe-45px {
  padding-right: 45px !important;
}

.pe-50px {
  padding-right: 50px !important;
}

.pe-3 {
  padding-right: 3% !important;
}

.pe-6 {
  padding-right: 6% !important;
}

.pb-5px {
  padding-bottom: 5px !important;
}

.pb-10px {
  padding-bottom: 10px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.pb-25px {
  padding-bottom: 25px !important;
}

.pb-30px {
  padding-bottom: 30px !important;
}

.pb-40px {
  padding-bottom: 40px !important;
}

.pb-45px {
  padding-bottom: 45px !important;
}

.pb-3 {
  padding-bottom: 3% !important;
}

.pb-4 {
  padding-bottom: 4% !important;
}

.ps-15px {
  padding-left: 15px !important;
}

.ps-20px {
  padding-left: 20px !important;
}

.ps-25px {
  padding-left: 25px !important;
}

.ps-30px {
  padding-left: 30px !important;
}

.ps-45px {
  padding-left: 45px !important;
}

.ps-3 {
  padding-left: 3% !important;
}

.ps-5 {
  padding-left: 5% !important;
}

.ps-6 {
  padding-left: 6% !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.mt-25px {
  margin-top: 25px !important;
}

.mt-30px {
  margin-top: 30px !important;
}

.mt-45px {
  margin-top: 45px !important;
}

.mt-50px {
  margin-top: 50px !important;
}

.mt-3 {
  margin-top: 3% !important;
}

.mt-4 {
  margin-top: 4% !important;
}

.mt-6 {
  margin-top: 6% !important;
}

.mt-7 {
  margin-top: 7% !important;
}

.me-5px {
  margin-right: 5px !important;
}

.me-10px {
  margin-right: 10px !important;
}

.me-15px {
  margin-right: 15px !important;
}

.me-25px {
  margin-right: 25px !important;
}

.me-30px {
  margin-right: 30px !important;
}

.me-50px {
  margin-right: 50px !important;
}

.mb-5px {
  margin-bottom: 5px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mb-15px {
  margin-bottom: 15px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.mb-25px {
  margin-bottom: 25px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.mb-35px {
  margin-bottom: 35px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.mb-50px {
  margin-bottom: 50px !important;
}

.mb-1 {
  margin-bottom: 1% !important;
}

.mb-2 {
  margin-bottom: 2% !important;
}

.mb-3 {
  margin-bottom: 3% !important;
}

.mb-4 {
  margin-bottom: 4% !important;
}

.mb-5 {
  margin-bottom: 5% !important;
}

.mb-6 {
  margin-bottom: 6% !important;
}

.mb-7 {
  margin-bottom: 7% !important;
}

.mb-8 {
  margin-bottom: 8% !important;
}

.ms-5px {
  margin-left: 5px !important;
}

.ms-10px {
  margin-left: 10px !important;
}

.ms-20px {
  margin-left: 20px !important;
}

.ms-25px {
  margin-left: 25px !important;
}

/* Position */

.top-0px {
  top: 0px;
}

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

.top-9px {
  top: 9px;
}

.top-50px {
  top: 50px;
}

.right-0px {
  right: 0px;
}

.right-100px {
  right: 100px;
}

.left-0px {
  left: 0px;
}

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

.right-minus-20px {
  right: -20px;
}

/* Font weight */

.fw-300 {
  font-weight: 300 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

/* Min height */

/* Opacity */

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-5 {
  opacity: 0.5;
}

/* Z-index */

.z-index-1 {
  z-index: 1;
}

.z-index-9 {
  z-index: 9;
}

.z-index-minus-1 {
  z-index: -1;
}

/* ===================================
   10. Header
====================================== */

header .header-top-bar [class*="col-"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .header-top-bar [class*="col-"].text-end {
  justify-content: flex-end !important;
}

header .navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}

header .navbar [class*="col-"] {
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

header .navbar [class*="col-"] .navbar-nav {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .navbar [class*="col-"] .navbar-nav .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .navbar [class*="col-"] .navbar-nav .nav-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .container-fluid {
  padding-left: 45px;
  padding-right: 45px;
}

header .navbar {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .navbar-brand {
  margin-right: 0;
  vertical-align: middle;
  padding: 30px 0;
  display: inline-block;
  font-size: 0;
}

header .navbar-brand .default-logo {
  visibility: visible;
  opacity: 1;
  width: auto;
}

header .navbar-brand .alt-logo,
header .navbar-brand .mobile-logo {
  visibility: hidden;
  opacity: 0;
  width: 0;
}

header .navbar-brand img {
  max-height: 46px;
}

header .header-top-bar {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  left: 0;
  z-index: 100;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .header-top-bar + .navbar {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 40px;
}

header .header-top-bar + .navbar.disable-fixed {
  top: 0;
}

header .header-top-bar .widget {
  display: inline-block;
}

header .header-top-bar .widget i {
  padding-right: 5px;
}

header .disable-fixed {
  position: absolute;
}

/* Navbar */

.navbar {
  padding: 0;
}

.navbar .navbar-nav .nav-item:hover .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link {
  opacity: 0.6;
}

.navbar .navbar-nav .nav-link {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 20px;
  position: relative;
  font-weight: 500;
  opacity: 1;
  word-break: normal;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: var(--white);
}

/* Header hover submenu dark */

/* Header hover submenu light */

/* Header dark */

/* Header light */

.header-light .navbar-nav .nav-link {
  color: var(--dark-gray);
}

.header-light .header-icon .icon > a {
  color: var(--dark-gray);
}

.header-light .header-icon .icon > a:hover {
  color: var(--dark-gray);
  opacity: 0.6;
}

.header-light .header-icon .icon .header-language > a,
.header-light .header-icon .icon .header-cart > a,
.header-light .header-icon .icon .header-account > a {
  color: var(--dark-gray);
}

.header-light .header-icon .icon .header-language > a:hover,
.header-light .header-icon .icon .header-cart > a:hover,
.header-light .header-icon .icon .header-account > a:hover {
  color: var(--dark-gray);
  opacity: 0.6;
}

.header-light .widget-text {
  color: var(--dark-gray);
}

.header-light .widget-text a {
  color: var(--dark-gray);
}

/* Header icon */

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

.header-icon .icon {
  position: relative;
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-icon .icon > a {
  padding-left: 16px;
  font-size: 17px;
  color: var(--white);
}

.header-icon .icon > a:hover {
  color: var(--white);
  opacity: 0.6;
}

.header-icon .icon:first-child a:first-child {
  padding-left: 0;
}

.header-icon .icon .header-language,
.header-icon .icon .header-cart,
.header-icon .icon .header-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-icon .icon .header-language > a,
.header-icon .icon .header-cart > a,
.header-icon .icon .header-account > a {
  padding-left: 14px;
  color: var(--white);
  font-size: 17px;
}

.header-icon .icon .header-language > a:hover,
.header-icon .icon .header-cart > a:hover,
.header-icon .icon .header-account > a:hover {
  color: var(--white);
  opacity: 0.6;
}

/* Header cart */

.header-cart-icon .header-cart {
  display: inline-block;
}

.header-cart-icon a {
  position: relative;
}

.header-cart-icon .cart-count {
  position: absolute;
  top: -7px;
  right: -11px;
  width: 17px;
  height: 17px;
  font-weight: 600;
  text-align: center;
  font-size: 10px;
  line-height: 18px;
  background-color: var(--base-color);
  color: var(--white);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* Header account */

/* Header language */

.header-language-icon .header-language {
  display: inline-block;
}

/* Header widget */

.widget-text {
  color: var(--white);
}

/* Header push button */

/* Header push menu */

/* Header center logo */

/* Header top logo */

/* Header left menu simple */

/* Menu list */

/* Header left menu modern */

/* Header left menu modern dark */

/* Hamburger menu */

/* Hamburger menu half */

/* Hamburger menu simple */

/* Right push menu */

/* Header search popup */

.search-form-wrapper {
  background: rgba(35, 35, 35, 0.9);
  width: 100%;
  left: 0;
  top: 0;
  overflow: hidden !important;
  display: block !important;
  height: 100vh;
  position: fixed;
  visibility: hidden;
  opacity: 0;
  z-index: 999;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.search-form-wrapper .search-form {
  height: 0;
  background-color: var(--white);
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.search-form-wrapper .search-form .search-input {
  outline: none;
  border: 0;
  border-bottom: 1px solid rgba(23, 23, 23, 0.2);
  color: var(--dark-gray);
  font-size: 18px;
  padding: 20px 0;
  background: transparent;
  line-height: 2.5rem;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  height: 80px;
  width: 100%;
}

.search-form-wrapper .search-form .search-button {
  color: var(--dark-gray);
  bottom: 24px;
  position: absolute;
  font-size: 25px;
  right: 0;
  line-height: normal;
  outline: none;
  cursor: pointer;
  z-index: 0;
  margin-right: 0;
  border: none;
  background: none;
}

.search-form-wrapper .search-form:hover {
  color: var(--light-gray);
}

.search-form-wrapper .search-close {
  color: var(--black);
  position: fixed;
  top: 30px;
  right: 35px;
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  font-size: 40px;
  font-weight: 300;
  width: 44px;
  height: 44px;
  line-height: 44px;
}

.search-form-wrapper .search-form-box {
  position: relative;
  width: 45%;
}

/* Custom hide animation */

@-webkit-keyframes hide-animation {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Custom slide animation */

@-webkit-keyframes show-animation {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Header toggle button  */

.navbar-toggler {
  font-size: 24px;
  width: 22px;
  height: 14px;
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  vertical-align: middle;
  border-radius: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-line {
  background: var(--dark-gray);
  height: 2px;
  width: 22px;
  content: "";
  display: block;
  border-radius: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.navbar-toggler-line:nth-child(1) {
  top: 0px;
  width: 14px;
}

.navbar-toggler-line:nth-child(2) {
  top: 6px;
}

.navbar-toggler-line:nth-child(3) {
  top: 6px;
}

.navbar-toggler-line:nth-child(4) {
  top: 12px;
  width: 14px;
}

.top-space-margin {
  margin-top: 96px;
}

.top-space-padding {
  padding-top: 96px;
}

/* Landing page header */

/* ===================================
   11. Page title
====================================== */

/* Breadcrumb */

.breadcrumb {
  margin: 0;
}

.breadcrumb ul {
  margin: 0;
  padding: 0;
}

.breadcrumb-style-01 ul li {
  display: inline-block;
}

/* Page title style */

.page-title-extra-large h1 {
  font-size: 3.3rem;
  line-height: 3.3rem;
}

/* Down section icon */

/* Down section line */

/* ===================================
   12. Layout
====================================== */

/* Sidebar */

.tag-cloud a {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  margin: 0 6px 10px 0;
  padding: 7px 18px;
  border-radius: 4px;
  border: 1px solid var(--extra-medium-gray);
}

.tag-cloud a:hover,
.tag-cloud a.active {
  box-shadow: 0 0 10px rgba(23, 23, 23, 0.1);
  color: var(--dark-gray);
  background-color: var(--white);
}

/* Grid */

.grid {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Grid column and gutter spacing */

.grid li img {
  width: 100%;
}

.grid .grid-sizer {
  padding: 0 !important;
  margin: 0 !important;
}

.grid.gutter-large li {
  padding: 10px 10px;
}

.grid.gutter-extra-large li {
  padding: 15px;
}

.grid.gutter-double-extra-large li {
  padding: 20px;
}

.grid.grid-4col li {
  width: 25%;
}

.grid.grid-2col li {
  width: 50%;
}

/* ===================================
    13. Elements
====================================== */

/* Accordion */

.accordion .accordion-item {
  color: inherit;
  border: none;
}

.accordion .accordion-item .accordion-header {
  background-color: transparent;
  border: none;
  padding: 0;
  margin-bottom: 0;
}

.accordion .accordion-item .accordion-header .accordion-title {
  cursor: pointer;
  padding-right: 25px;
}

.accordion .accordion-item .accordion-header .accordion-title i {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.accordion .accordion-item .accordion-collapse {
  border: 0;
}

/* Accordion style 01 */

/* Accordion style 02 */

.accordion-style-02 .accordion-item {
  background-color: transparent;
}

.accordion-style-02 .accordion-item .accordion-header {
  margin-bottom: 0;
  padding: 15px 0;
}

.accordion-style-02 .accordion-item .accordion-header .accordion-title i {
  right: 0;
}

.accordion-style-02 .accordion-item.active-accordion .accordion-header {
  border-bottom-color: transparent !important;
}

.accordion-style-02 .accordion-item .accordion-body {
  padding: 0 25px 30px 0;
}

/* Accordion style 03 */

/* Accordion style 04 */

/* Accordion style 05 */

/* Accordion style 06 */

/* Alert box */

@keyframes hvr-icon-push {
  50% {
    -webkit-trasfrom: scale(0.5);
    trasfrom: scale(0.5);
  }
}

/* Alert box style 02 */

/* Alert box style 03 */

/* Alert box style 04 */

/* Alert box style 05 */

/* Blockquote */

/* Blockquote style 05 */

/* Use for mac desktop pc */

/* Button */

.btn-box-shadow {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}

.btn-box-shadow:hover {
  -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}

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

.btn {
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: auto;
  font-family: var(--alt-font);
  font-weight: 500;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn:hover {
  background-color: inherit;
}

.btn i {
  position: relative;
  margin-left: 6px;
}

.btn.btn-extra-large {
  font-size: 16px;
  padding: 24px 46px;
}

.btn.btn-large {
  font-size: 14px;
  padding: 18px 34px;
}

.btn.btn-medium {
  font-size: 13px;
  padding: 16px 30px;
}

.btn.btn-small {
  font-size: 12px;
  padding: 13px 26px;
}

.btn.btn-very-small {
  font-size: 11px;
  padding: 10px 20px;
}

.btn.btn-rounded.btn-large {
  padding: 14px 36px;
}

.btn.btn-rounded.btn-very-small {
  padding: 8px 20px;
}

.btn.btn-rounded.btn-rounded {
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.btn.btn-round-edge {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.btn.btn-link {
  padding: 0 0 2px;
  position: relative;
  text-decoration: none;
  border: 0;
  border-bottom: 2px solid;
  letter-spacing: 0;
  background-color: transparent;
}

.btn.btn-link:hover {
  opacity: 0.7;
}

.btn.btn-hover-animation-switch.btn-link {
  border-bottom: 0;
  padding-bottom: 0;
}

.btn.btn-hover-animation-switch.btn-link:hover {
  opacity: 1;
}

.btn.btn-hover-animation-switch > span {
  display: inline-flex;
  align-items: center;
}

.btn.btn-hover-animation-switch .btn-text {
  margin-left: -13px;
  position: relative;
  z-index: 3;
  transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);
}

.btn.btn-hover-animation-switch .btn-icon {
  margin-left: 6px;
  position: relative;
  transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
  line-height: 0;
  z-index: 3;
}

.btn.btn-hover-animation-switch .btn-icon i {
  margin: 0;
  line-height: 0;
}

.btn.btn-hover-animation-switch .btn-icon + .btn-icon {
  order: -2;
  opacity: 0;
  transition-delay: 0s;
  margin-left: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

.btn.btn-hover-animation-switch:hover .btn-text {
  transition-delay: 0.1s;
  transform: translateX(23px);
}

.btn.btn-hover-animation-switch:hover .btn-icon {
  transition-delay: 0s;
  transform: translateX(10px);
  opacity: 0;
}

.btn.btn-hover-animation-switch:hover .btn-icon + .btn-icon {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.225s;
}

.btn.btn-slide-right span {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.btn.btn-slide-up,
.btn.btn-slide-down,
.btn.btn-slide-left,
.btn.btn-slide-right {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.btn.btn-slide-up span,
.btn.btn-slide-down span,
.btn.btn-slide-left span,
.btn.btn-slide-right span {
  position: absolute;
  height: 100%;
  width: 102%;
  z-index: -1;
  left: -2px;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn.btn-slide-up:hover span,
.btn.btn-slide-down:hover span,
.btn.btn-slide-left:hover span,
.btn.btn-slide-right:hover span {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.btn.btn-base-color {
  background-color: var(--base-color);
  color: var(--white);
}

.btn.btn-base-color:hover,
.btn.btn-base-color:active {
  background-color: transparent;
  border-color: var(--base-color);
  color: var(--base-color);
}

.btn.btn-dark-gray {
  background-color: var(--dark-gray);
  color: var(--white);
}

.btn.btn-dark-gray:hover,
.btn.btn-dark-gray:active {
  background-color: transparent;
  border-color: var(--dark-gray);
  color: var(--dark-gray);
}

.btn.btn-white {
  background-color: var(--white);
  color: var(--dark-gray);
}

.btn.btn-white:hover,
.btn.btn-white:active {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}

.btn.btn-transparent-white {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}

.btn.btn-transparent-white:hover,
.btn.btn-transparent-white:active {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--dark-gray);
}

.btn.btn-transparent-light-gray {
  background-color: transparent;
  border-color: var(--extra-medium-gray);
  color: var(--dark-gray);
}

.btn.btn-transparent-light-gray:hover,
.btn.btn-transparent-light-gray:active {
  background-color: var(--dark-gray);
  border-color: var(--dark-gray);
  color: var(--white);
}

.btn.btn-switch-text.btn-extra-large {
  padding: 0;
}

.btn.btn-switch-text.btn-extra-large > span {
  padding: 22px 40px;
}

.btn.btn-switch-text.btn-large {
  padding: 0;
}

.btn.btn-switch-text.btn-large > span {
  padding: 18px 34px;
}

.btn.btn-switch-text.btn-small {
  padding: 0;
}

.btn.btn-switch-text.btn-small > span {
  padding: 13px 24px;
}

.btn.btn-switch-text.btn-very-small {
  padding: 0;
}

.btn.btn-switch-text.btn-very-small > span {
  padding: 10px 20px;
}

.btn.btn-switch-text > span {
  display: inline-flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.btn.btn-switch-text .btn-double-text {
  transition: opacity 0.65s, transform 0.85s;
  transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
}

.btn.btn-switch-text:hover .btn-double-text,
.btn.btn-switch-text:active .btn-double-text {
  transform: translateY(-200%);
}

.btn.btn-box-shadow.btn-white:hover,
.btn.btn-box-shadow.btn-white:active {
  background: var(--white);
  color: var(--dark-gray);
}

.btn.btn-box-shadow.btn-dark-gray:hover,
.btn.btn-box-shadow.btn-dark-gray:active {
  background: var(--dark-gray);
  color: var(--white);
}

.btn.btn-box-shadow.btn-base-color:hover,
.btn.btn-box-shadow.btn-base-color:active {
  background: var(--base-color);
  color: var(--white);
}

/* Button icon position */

.left-icon i {
  margin-right: 6px;
  margin-left: 0;
}

[class*="btn-transparent"],
[class*=" btn-transparent"] {
  font-weight: 600;
}

/* Gradient button */

/* Blog button */

/* Clients style 01 */

/* Clients style 02 */

/* Clients style 03 */

/* Clients style 04 */

/* Clients style 05 */

/* Clients style 06 */

/* Clients style 07 */

/* Clients style 08 */

/* Columns */

/* Contact form */

.terms-condition-box label {
  display: block;
}

.terms-condition-box input[type="checkbox"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 4px;
  left: 0;
}

.terms-condition-box .box {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
}

/* Contact form style 01 */

/* Contact form style 03 */

.contact-form-style-03 input,
.contact-form-style-03 textarea {
  outline: none;
  border: none;
  border-bottom: 1px solid;
  background: transparent;
}

.contact-form-style-03 input:focus,
.contact-form-style-03 select:focus,
.contact-form-style-03 textarea:focus,
.contact-form-style-03 .form-control:focus {
  border: 0;
  border-bottom: 1px solid #c2c2c2;
}

.contact-form-style-03 textarea {
  resize: none;
}

.contact-form-style-03 .form-group .form-icon {
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.contact-form-style-03 .form-group.form-textarea .form-icon {
  top: 10px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.contact-form-style-03 .form-control,
.contact-form-style-03 .form-control.is-invalid,
.contact-form-style-03 .was-validated .form-control:invalid {
  background-position: right 35px center !important;
}

/* Contact form style 06 */

/* Contact form style 07 */

.swiper-button-next,
.swiper-button-prev {
  color: var(--dark-gray);
}

/* Text slider 02 */

/* Text slider 03 */

/* Text slider 05 */

/* Countdown style 01 */

/* Countdown style 02 */

/* Countdown style 03 */

/* Countdown style 04 */

/* Counter style 03 */

/* Counter style 04 */

/* Counter style 06 */

/* Counter style 07 */

/* Vertical counter */

/* Divider style 01 */

/* Divider style 02 */

/* Divider style 03 */

/* First letter */

.first-letter {
  float: left;
  font-size: 4.5rem;
  line-height: 4.5rem;
  font-weight: 600;
  text-align: center;
  margin: 0 25px 0 0;
}

/* First letter block */

.first-letter-block {
  font-size: 4.5rem;
  line-height: 100px;
  font-weight: 600;
  width: 100px;
  height: 100px;
  margin: 8px 35px 0 0;
}

/* First letter round */

.first-letter-round {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 3.5rem;
}

/* First letter big */

/* First letter small */

/* Event style 02 */

/* Event style 03 */

/* Text image mask */

/* Fancy text box style 01 */

/* Google map */

#map {
  height: 550px;
}

@keyframes markerWave {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  20% {
    opacity: 0.8;
  }

  100% {
    transform: scale(5.5);
    opacity: 0;
  }
}

@-webkit-keyframes markerWave {
  0% {
    -webkit-transform: scale(1);
    opacity: 0.8;
  }

  20% {
    opacity: 0.8;
  }

  100% {
    -webkit-transform: scale(5.5);
    opacity: 0;
  }
}

/* Text highlight */

/* Separator animation */

/* Feature box style */

.feature-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  position: relative;
  z-index: 1;
}

.feature-box .feature-box-icon i:not([class*="text-gradient-"]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.feature-box.feature-box-left-icon,
.feature-box.feature-box-left-icon-middle {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}

.feature-box.feature-box-left-icon .feature-box-icon,
.feature-box.feature-box-left-icon-middle .feature-box-icon {
  margin-right: 30px;
}

.feature-box.feature-box-left-icon .feature-box-content,
.feature-box.feature-box-left-icon-middle .feature-box-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.feature-box.feature-box-left-icon-middle {
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-align: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  text-align: left;
}

.feature-box.text-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.feature-box .feature-box-icon-rounded {
  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;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.feature-box .feature-box-icon-rounded i {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
}

/* Icon with text style 03 */

/* Icon with text style 05 */

/* Icon with text style 07 */

/* Icon with text style 10 */

/* Icon with text style 11 */

/* Image gallery style 01 */

/* Image gallery style 02 */

/* Image gallery style 03 */

/* Image gallery style 04 */

/* Image gallery style 05 */

/* Image gallery style 06 */

/* Instagram */

/* Interactive banner style 01 */

/* Interactive banner style 02 */

/* Interactive banner style 03 */

/* Interactive banner style 04 */

/* Interactive banner style 05 */

/* Interactive banner style 06 */

/* Interactive banner style 07 */

/* Interactive banner style 08 */

/* Interactive banner style 09 */

/* List style 01 */

/* List style 02 */

/* List style 03 */

/* List style 04 */

/* List style 05 */

/* HTML video */

/* Background video */

/* Modal popup */

/* Zoom animation */

/* Fade animation */

/* Slide up animation */

/* Images gallery */

/* Modal popup */

/* Auto newsletter popup */

/* Parallax background */

[data-parallax-background-ratio] {
  position: relative !important;
  background-size: cover !important;
  overflow: hidden;
  background-attachment: fixed !important;
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
}

/* Video icon effect  */

@-webkit-keyframes border-transform {
  0%, 100% {
    border-radius: 36% 64% 59% 41%/40% 45% 55% 60%;
  }

  24% {
    border-radius: 37% 63% 60% 40%/46% 52% 48% 54%;
  }

  32% {
    border-radius: 40% 60% 54% 46%/52% 56% 44% 48%;
  }

  42% {
    border-radius: 52% 48% 62% 38%/54% 54% 46% 46%;
  }

  56% {
    border-radius: 60% 40% 65% 35%/54% 50% 50% 46%;
  }

  70% {
    border-radius: 44% 56% 43% 57%/42% 50% 50% 58%;
  }
}

@keyframes border-transform {
  0%, 100% {
    border-radius: 36% 64% 59% 41%/40% 45% 55% 60%;
  }

  24% {
    border-radius: 37% 63% 60% 40%/46% 52% 48% 54%;
  }

  32% {
    border-radius: 40% 60% 54% 46%/52% 56% 44% 48%;
  }

  42% {
    border-radius: 52% 48% 62% 38%/54% 54% 46% 46%;
  }

  56% {
    border-radius: 60% 40% 65% 35%/54% 50% 50% 46%;
  }

  70% {
    border-radius: 44% 56% 43% 57%/42% 50% 50% 58%;
  }
}

/* Particles */

/* Pie chart style 01 */

/* Pricing table style 01 */

/* Pricing table style 02 */

/* Pricing table style 04 */

/* Pricing table style 07 */

/* Pricing table style 08 */

/* Pricing table style 09 */

/* Pricing table style 10 */

/* Pricing table style 11 */

/* Pricing table style 12 */

/* Pricing table style 13 */

/* Process step style 01 */

/* Process step style 02 */

/* Process step style 03 */

/* Process step style 04 */

/* Process step style 05 */

/* Process step style 07 */

/* Process step style 08 */

/* Process step style 09 */

/* Process step style 10 */

/* Process step style 11 */

/* Progress bar */

.progress {
  position: relative;
  overflow: visible;
}

.progress .progress-bar {
  width: 0px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
  -webkit-transition: all 1s cubic-bezier(0.5, 1, 0.5, 1);
  transition: all 1s cubic-bezier(0.5, 1, 0.5, 1);
}

/* Progress bar style 01 */

/* Progress bar style 02 */

.progress-bar-style-02 .progress {
  height: 30px;
  overflow: hidden;
}

.progress-bar-style-02 .progress .progress-bar {
  width: 0px;
  height: 100%;
  position: absolute;
}

/* Progress bar style 03 */

/* Progress bar style 04 */

/* Review style 03 */

/* Review style 08 */

/* Rotate box */

/* Rotate box style 01 */

/* Rotate box style 02 */

/* Services box style 01 */

/* Services box style 02 */

/* Services box style 05 */

/* Services box style 06 */

/* Services box style 07 */

/* Sliding box zoom effect */

@keyframes scale-effect {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes scale-effect {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Sliding box fade effect */

@keyframes fade {
  0% {
    opacity: 0.2;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0.2;
  }

  to {
    opacity: 1;
  }
}

/* Sliding box right effect */

@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* Sliding box */

/* Sliding box style 01 */

/* Sliding box style 02 */

/* Sliding box style 03 */

/* Social media icon */

.elements-social .behance:hover {
  color: #1769ff;
}

.elements-social .dribbble:hover {
  color: #ea4c89;
}

.elements-social .facebook:hover {
  color: #3b5998;
}

.elements-social .instagram:hover {
  color: #fe1f49;
}

.elements-social .linkedin:hover {
  color: #0077b5;
}

.elements-social .twitter:hover {
  color: #00aced;
}

.elements-social ul {
  margin-bottom: 0;
  list-style: none;
  padding: 0;
}

.elements-social ul li {
  display: inline-block;
}

.elements-social ul li:first-child {
  margin-left: 0 !important;
}

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

.elements-social ul li a {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}

.small-icon li {
  margin: 0 5px;
}

.small-icon a {
  font-size: 18px;
  width: 40px;
  height: 40px;
}

.large-icon li {
  margin: 0 10px;
}

.large-icon a {
  font-size: 24px;
  width: 60px;
  height: 60px;
}

.social-icon a {
  margin: 0 15px;
}

.social-icon a:first-child {
  margin-left: 0;
}

.social-icon a:last-child {
  margin-right: 0;
}

[class^="social-icon-"] ul,
[class*=" social-icon-"] ul {
  list-style: none;
}

/*  Social icon dark and light */

.elements-social .light li a {
  color: var(--white);
}

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

/* Social icon style 01 */

/* Social icon style 03 */

/* Social icon style 04 */

.social-icon-style-04 ul li a {
  z-index: 9;
  position: relative;
}

.social-icon-style-04 ul li a:hover {
  color: var(--white) !important;
}

.social-icon-style-04 ul li a:hover span {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 0;
  left: 0;
}

.social-icon-style-04 ul li a span {
  border-radius: 0;
  display: block;
  height: 0;
  width: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  z-index: -1;
  background-color: var(--dark-gray);
}

.social-icon-style-04 ul li a.behance span {
  background-color: #1769ff;
}

.social-icon-style-04 ul li a.facebook span {
  background-color: #3b5998;
}

.social-icon-style-04 ul li a.instagram span {
  background-color: #fe1f49;
}

.social-icon-style-04 ul li a.linkedin span {
  background-color: #0077b5;
}

.social-icon-style-04 ul li a.twitter span {
  background-color: #00aced;
}

/* Social icon style 05 */

/* Social icon style 06 */

/* Social icon style 07 */

/* Social icon style 08 */

/* Social icon style 09 */

/* Social icon style 10 */

.social-icon-style-10 ul li a {
  color: var(--dark-gray);
}

.social-icon-style-10 ul li a:hover {
  color: var(--base-color) !important;
}

/* Social text style 01 */

/* Subcribe style 01 */

/* Subcribe style 02 */

.newsletter-style-02 input {
  border-radius: 4px;
  padding-right: 60px !important;
}

.newsletter-style-02 .btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-radius: 0 4px 4px 0;
  padding: 10px 25px 9px 25px;
  display: inline-block;
}

.newsletter-style-02 .btn i {
  margin-left: 0;
  top: inherit;
}

.newsletter-style-02 .btn:active {
  border-color: transparent;
}

/* Subcribe style 03 */

/* Subcribe style 04 */

.newsletter-style-01 .form-control,
.newsletter-style-01 .form-control.is-invalid,
.newsletter-style-01 .was-validated .form-control:invalid,
.newsletter-style-02 .form-control,
.newsletter-style-02 .form-control.is-invalid,
.newsletter-style-02 .was-validated .form-control:invalid,
.newsletter-style-03 .form-control,
.newsletter-style-03 .form-control.is-invalid,
.newsletter-style-03 .was-validated .form-control:invalid,
.newsletter-style-04 .form-control,
.newsletter-style-04 .form-control.is-invalid,
.newsletter-style-04 .was-validated .form-control:invalid {
  background-image: inherit;
}

/* Tab */

.nav-tabs > li.nav-item {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0 17px;
}

/* Tab style 03 */

/* Tab style 02 */

/* Tab style 03 */

/* Tab style 04 */

.tab-style-04 .nav-tabs .nav-item {
  padding: 0 35px;
}

.tab-style-04 .nav-tabs .nav-item .nav-link {
  padding: 0;
  border: none;
  background: transparent;
  position: relative;
  color: var(--medium-gray);
}

.tab-style-04 .nav-tabs .nav-item .nav-link .tab-border {
  width: 100%;
  height: 2px;
  display: block;
  -wekit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}

.tab-style-04 .nav-tabs .nav-item .nav-link.active,
.tab-style-04 .nav-tabs .nav-item .nav-link.show,
.tab-style-04 .nav-tabs .nav-item .nav-link:hover {
  color: var(--dark-gray);
}

.tab-style-04 .nav-tabs .nav-item .nav-link.active .tab-border,
.tab-style-04 .nav-tabs .nav-item .nav-link.show .tab-border,
.tab-style-04 .nav-tabs .nav-item .nav-link:hover .tab-border {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Tab style 05 */

/* Tab style 06 */

/* Tab style 07 */

.tab-style-07 .nav-tabs > li {
  width: 100%;
}

.tab-style-07 .nav-tabs > li.nav-item {
  padding: 0;
}

.tab-style-07 .nav-tabs .nav-item .nav-link {
  border: none;
  border-bottom: 1px solid;
  border-color: var(--extra-medium-gray);
  padding: 38px 60px 38px;
  background: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}

.tab-style-07 .nav-tabs .nav-item .nav-link span {
  color: var(--dark-gray);
  z-index: 9;
  position: relative;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}

.tab-style-07 .nav-tabs .nav-item .nav-link:hover,
.tab-style-07 .nav-tabs .nav-item .nav-link.show,
.tab-style-07 .nav-tabs .nav-item .nav-link.active {
  color: var(--white);
  isolation: inherit;
}

.tab-style-07 .nav-tabs .nav-item .nav-link:hover span,
.tab-style-07 .nav-tabs .nav-item .nav-link.show span,
.tab-style-07 .nav-tabs .nav-item .nav-link.active span {
  color: var(--white);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.tab-style-07 .nav-tabs .nav-item .nav-link:hover .bg-hover,
.tab-style-07 .nav-tabs .nav-item .nav-link.show .bg-hover,
.tab-style-07 .nav-tabs .nav-item .nav-link.active .bg-hover {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.tab-style-07 .nav-tabs .nav-item .nav-link .bg-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  transform-origin: left;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  z-index: 1;
}

.tab-style-07 .nav-tabs .nav-item:last-child .nav-link {
  border-bottom: none;
}

/* Tab style 08 */

/* Team style 01 */

/* Team style 02 */

/* Team style 04 */

/* Team style 05 */

/* Team style 08 */

.team-style-08 figure {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
}

.team-style-08 figure figcaption {
  position: absolute;
  opacity: 0;
  bottom: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.team-style-08 figure figcaption .social-icon a {
  margin: 0 0 10px;
  opacity: 0;
  display: inline-block;
  background-color: var(--dark-gray);
  height: 50px;
  width: 50px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: translate3d(0, 15px, 0);
  transform: translate3d(0, 15px, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.team-style-08 figure figcaption .social-icon a:last-child {
  margin-bottom: 0;
}

.team-style-08 figure figcaption .team-member-name {
  opacity: 0;
  -webkit-transform: translate3d(0, 15px, 0);
  transform: translate3d(0, 15px, 0);
  -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
}

.team-style-08 figure figcaption .member-designation {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  -webkit-transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);
}

.team-style-08:hover figure {
  -webkit-transform: translate3d(0, -8px, 0);
  transform: translate3d(0, -8px, 0);
}

.team-style-08:hover figure figcaption {
  opacity: 1;
}

.team-style-08:hover figure figcaption .social-icon a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.team-style-08:hover figure figcaption .team-member-name {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.team-style-08:hover figure figcaption .member-designation {
  opacity: 0.6;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.team-style-08:hover figure figcaption a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* Team style 09 */

/* Team style 10 */

/* Testimonial style 01 */

/* Testimonial style 04 */

/* Testimonial style 05 */

/* Testimonial style 12 */

/* Testimonial style 13  */

/* ===================================
   14. Blog
====================================== */

/* Blog grid */

/* Blog classic */

.blog-classic .card {
  color: inherit;
}

.blog-classic .card .blog-image img {
  -webkit-transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1);
  will-change: transform;
}

.blog-classic .card .card-body {
  color: inherit;
}

.blog-classic .card:hover .blog-image img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}

/* Blog only text */

/* Blog metro */

/* Blog masonry */

/* Blog simple */

/* Blog date */

/* Blog side image */

/* Blog modern */

/* Blog standard */

/* Blog comment */

.blog-comment {
  padding-left: 0;
  margin-bottom: 0;
}

.blog-comment li {
  padding-bottom: 65px;
  position: relative;
  list-style: none;
}

.blog-comment li:last-child {
  border-bottom: medium none;
  padding-bottom: 0;
}

.blog-comment li .btn-reply {
  float: right;
  font-size: 11px;
  line-height: initial;
  padding: 7px 20px 6px;
  border-radius: 50px;
  border: 1px solid rgba(44, 44, 44, 0.25);
  background-color: var(--white);
}

.blog-comment li .btn-reply:hover {
  border-color: var(--base-color);
  background: var(--base-color);
  color: var(--white);
}

.blog-comment li ul.child-comment {
  list-style: outside none none;
  margin-left: 70px;
}

.blog-comment li ul.child-comment li {
  margin-top: 60px;
  padding-bottom: 0;
}

.blog-comment > li:first-child {
  padding-top: 0;
}

/* Pagination style 01 */

.pagination-style-01 .page-item .page-link {
  border: 0;
  padding: 0 2px;
  margin: 0 7px;
  background: 0 0;
  color: var(--medium-gray);
  min-width: 45px;
  font-size: inherit;
  text-align: center;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  line-height: 45px;
  min-height: 45px;
}

.pagination-style-01 .page-item .page-link i {
  line-height: 40px;
}

.pagination-style-01 .page-item .page-link:hover {
  background: var(--white);
  color: var(--dark-gray);
  box-shadow: 0 0 10px rgba(23, 23, 23, 0.15) !important;
}

.pagination-style-01 .page-item .page-link:focus {
  box-shadow: none;
}

.pagination-style-01 .page-item.active .page-link {
  background: var(--dark-gray);
  color: var(--white);
  box-shadow: 0 0 10px rgba(23, 23, 23, 0.15) !important;
}

.pagination-style-01 .page-item:first-child .page-link,
.pagination-style-01 .page-item:last-child .page-link {
  background: transparent;
  box-shadow: none !important;
}

/* Blog clean */

/* ===================================
   15. Portfolio
====================================== */

/* Portfolio grid */

/* Portfolio filter */

/* Portfolio classic */

/* Portfolio boxed */

/* Mousetip */

/* Portfolio transform */

/* Portfolio creative */

/* Portfolio simple */

/* Portfolio modern */

/* Portfolio attractive */

/* Portfolio simple */

/* Portfolio clean */

/* Portfolio clean */

/* Portfolio and gallery translate animation */

.portfolio-box,
.gallery-box {
  overflow: hidden;
  will-change: transform;
}

/* Portfolio pagination */

/* Grid loading */

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.grid-loading {
  overflow: hidden;
  position: relative;
  opacity: 1 !important;
  transition: all 0s ease-in-out !important;
  -webkit-transition: all 0s ease-in-out !important;
  z-index: 99;
}

.grid-loading .grid-item {
  visibility: hidden;
}

/* Portfolio minimal */

/* Horizontal portfolio */

/* ===================================
   16. Shop
====================================== */

/* Categories style 01 */

.categories-style-01 .categories-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  position: relative;
  z-index: 1;
  -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.categories-style-01 a {
  position: relative;
}

.categories-style-01 .count-circle {
  position: absolute;
  top: -15px;
  right: -10px;
  opacity: 0;
  -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.categories-style-01:hover .categories-box {
  -webkit-transform: translate3d(0, -7px, 0);
  transform: translate3d(0, -7px, 0);
}

.categories-style-01:hover .count-circle {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.categories-style-01:hover img {
  opacity: 0.6;
}

/* Categories style 02 */

/* Categories style 03 */

/* Shop boxed */

.shop-boxed {
  margin-left: -10px;
  margin-right: -10px;
}

.shop-boxed .shop-box {
  border: 6px solid #fff;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.shop-boxed .shop-box .shop-image {
  overflow: hidden;
}

.shop-boxed .shop-box .shop-image a {
  display: block;
  overflow: hidden;
}

.shop-boxed .shop-box .shop-image .product-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shop-boxed .shop-box .shop-image .shop-hover {
  position: absolute;
  bottom: 0px;
  width: 100%;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.shop-boxed .shop-box .shop-image .shop-hover a {
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0;
}

.shop-boxed .shop-box .shop-footer del {
  margin-right: 8px;
}

.shop-boxed .shop-box:hover {
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
  border: 6px solid #fff;
}

.shop-boxed .shop-box:hover .shop-image .product-overlay {
  opacity: 1;
}

.shop-boxed .shop-box:hover .shop-image .shop-hover {
  bottom: 25px;
}

.shop-boxed .shop-box:hover .shop-image .shop-hover a {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/* Shop modern */

/* Shop sidebar */

.shop-sidebar .shop-filter {
  padding: 0;
  margin: 0;
  list-style: none;
}

.shop-sidebar .shop-filter li {
  position: relative;
  margin-bottom: 2px;
  padding: 0 25px;
}

.shop-sidebar .shop-filter li a {
  display: block;
}

.shop-sidebar .shop-filter li a:hover .product-cb {
  border-color: var(--dark-gray);
}

.shop-sidebar .shop-filter li .product-cb {
  width: 16px;
  height: 16px;
  border: 1px solid var(--medium-gray);
  display: inline-block;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 8px;
}

.shop-sidebar .shop-filter li .item-qty {
  position: absolute;
  right: 0;
  top: 0;
  background: var(--very-light-gray);
  border-radius: 100%;
  height: 30px;
  width: 30px;
  font-size: 11px;
  text-align: center;
  font-weight: 500;
  color: var(--dark-gray);
  line-height: 30px;
}

.shop-sidebar .shop-filter li:last-child {
  margin-bottom: 0;
}

.shop-sidebar .shop-filter.color-filter li .product-cb {
  border: 0;
}

.shop-sidebar .shop-filter.fabric-filter li .product-cb {
  line-height: 0;
  overflow: hidden;
  border: 0;
}

.shop-sidebar .shop-filter.tag-cloud a {
  padding: 5px 10px;
}

/* Toolbar wrapper */

.toolbar-wrapper a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.toolbar-wrapper a:hover img {
  opacity: 1;
}

/* Shop lable */

.shop-image {
  position: relative;
}

.shop-image .lable {
  padding: 0 8px;
  position: absolute;
  left: 17px;
  top: 17px;
  color: var(--white);
  font-size: 9px;
  line-height: 21px;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: 700;
}

.shop-image .lable.new {
  background-color: var(--green);
}

/* Product detail */

.product-image-thumb .swiper-slide {
  cursor: pointer;
  border: 1px solid transparent;
}

/* Single product thumb vertical */

.product-image-slider img {
  cursor: crosshair;
}

/* Shop color */

.shop-color {
  list-style: none;
  padding: 0;
  display: flex;
}

.shop-color li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.shop-color li > input[type="radio"] + label {
  display: flex;
}

.shop-color li > input[type="radio"] + label span {
  height: 32px;
  width: 32px;
  border-radius: 100%;
  margin-right: 6px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}

/* Shop size */

/* Shop quantity  */

.quantity {
  display: inline-block;
  position: relative;
}

.quantity button {
  border: 0;
  background-color: transparent;
  padding: 0;
  margin: -9px 0 0 0;
  font-size: 22px;
  line-height: 18px;
  position: absolute;
  left: 15px;
  top: 50%;
  color: var(--dark-gray);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.quantity button.qty-plus {
  right: 15px;
  left: auto;
}

.quantity .qty-text {
  width: 115px;
  height: 54px;
  border: 1px solid var(--extra-medium-gray);
  border-radius: 5px;
  text-align: center;
  color: var(--dark-gray);
}

.btn-cart.btn.btn-switch-text.btn-extra-large > span {
  padding: 13px 48px;
}

.wishlist {
  height: 54px;
  width: 54px;
}

/* Cart */

.cart-products th {
  border-top: 0;
  border-bottom: 1px solid var(--extra-medium-gray) !important;
  padding: 15px 10px;
  font-weight: normal;
  text-transform: capitalize;
  color: var(--dark-gray);
}

.cart-products td {
  vertical-align: middle;
  border-bottom: 1px solid var(--extra-medium-gray);
  border-top: 0;
  padding: 25px 10px;
  color: var(--medium-gray);
}

.cart-products .product-remove {
  width: 25px;
}

.cart-products .product-thumbnail {
  width: 100px;
}

.cart-products .quantity button {
  color: var(--medium-gray);
}

.cart-products .quantity .qty-text {
  color: var(--medium-gray);
  height: 42px;
  width: 100px;
}

.coupon-code-panel {
  position: relative;
}

.coupon-code-panel input {
  margin: 0;
  border: none;
  border: 1px dashed var(--extra-medium-gray);
  padding: 8px 70px 9px 45px;
  width: 100%;
  position: relative;
  font-size: 14px;
}

.coupon-code-panel .apply-coupon-btn {
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--dark-gray);
  line-height: 30px;
  letter-spacing: 0;
}

.coupon-code-panel .apply-coupon-btn:active {
  border-color: transparent;
}

.total-price-table th,
.total-price-table td {
  border-bottom: 1px solid #e4e4e4;
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: top;
}

.total-price-table .total-amount th,
.total-price-table .total-amount td {
  border-bottom: 0;
}

.calculate-shipping .form-select:focus {
  border-color: #dfdfdf;
}

/* Checkout */

/* Minicart */

/* Shop category style 02 */

/* ===================================
   17. Footer
====================================== */

footer {
  padding-top: 110px;
  padding-bottom: 110px;
}

footer .footer-logo img {
  max-height: 30px;
}

footer ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

footer ul li {
  margin-bottom: 5px;
}

footer .elements-social.social-icon-style-01 li,
footer .elements-social.social-icon-style-02 li,
footer .elements-social.social-icon-style-05 li,
footer .elements-social.social-icon-style-08 li {
  margin: 0 15px 0 0;
}

footer .elements-social.social-icon-style-01 li a,
footer .elements-social.social-icon-style-02 li a,
footer .elements-social.social-icon-style-05 li a,
footer .elements-social.social-icon-style-08 li a {
  width: auto;
  height: auto;
}

/* Footer dark  */

.footer-dark {
  color: var(--aluminium-grey);
}

.footer-dark p,
.footer-dark a {
  color: var(--aluminium-grey);
}

.footer-dark a:hover {
  color: var(--base-color);
}

/* Footer light */

/* Footer navbar */

/* Footer sticky */

/* Landing page footer */