/*
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
====================================== */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");
@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;
}
/* ===================================
    02. CSS color variable
====================================== */
:root {
  --base-color: #2946f3;
  --white: #ffffff;
  --black: #000000;
  --red: #dc3131;
  --light-red: #feedec;
  --green: #2ebb79;
  --crusoe-green: #d39121;
  --yellow: #ffea23;
  --dark-gray: #232323;
  --medium-gray: #717580;
  --extra-medium-gray: #e4e4e4;
  --light-gray: #a8a8a8;
  --very-light-gray: #f7f7f7;
  --light-medium-gray: #eaeaeb;
  --charcoal-blue: #202329;
  --slate-blue: #262b35;
  --medium-slate-blue: #374162;
  --extra-medium-slate-blue: #23262d;
  --dark-slate-blue: #1f232c;
  --extra-dark-slate-blue: #121418;
  --extra-very-slate-blue: #161620;
  --tussock-yellow: #bc8947;
  --aluminium-grey: #80858f;
  --solitude-blue: #f0f4fd;
  --golden-yellow: #fd961e;
  --selago: #eaedff;
  --white-ice: #d8f5ef;
  --cornflower-blue: #445fed;
  --jade: #00af6b;
  --orange: #ef991f;
  --majorelle-blue: #724ade;
  --light-majorelle-blue: #f2edfe;
  --spring-wood: #f9f6f3;
  --tropical-blue: #1ea3b1;
  --camarone: #20642b;
  --seal-brown: #0e0708;
  --Wasabi: #8ea63a;
}
/* ===================================
    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;
}
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;
}
a:hover {
  color: var(--base-color);
  text-decoration: none;
}
p {
  margin-bottom: 25px;
}
.last-paragraph-no-margin p:last-of-type {
  margin-bottom: 0;
}
video {
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

[class*="bi-"],
[class*="feather"],
[class*="ti-"] {
  display: inline-block;
}
.container,
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row > * {
  padding-right: 15px;
  padding-left: 15px;
}
/* ===================================
    04. Typography
====================================== */
/* Heading */

.h2,
.h3,
.h4,
h2,
h3,
h4 {
  margin-bottom: 30px;
  letter-spacing: -0.5px;
  font-weight: inherit;
  font-family: "Poppins", serif;
}
h2,
.h2 {
  font-size: 3.438rem;
  line-height: 3.438rem;
  font-family: "Poppins", serif;
}
h3,
.h3 {
  font-size: 2.813rem;
  line-height: 3.125rem;
  font-family: "Poppins", serif;
}
h4 {
  font-size: 2.375rem;
  line-height: 2.7rem;
  font-family: "Poppins", serif;
}
/* Font custom */

strong {
  font-weight: 700;
}
/* Font size */
.fs-14 {
  font-size: 14px;
  color: black;
}
.fs-16 {
  font-size: 16px;
}
.fs-17 {
  font-size: 17px;
}
.fs-18 {
  font-size: 18px;
}
.fs-19 {
  font-size: 19px;
}
/* Line height */
/* Text color */
.text-white {
  color: var(--white);
}
.text-black {
  color: var(--black);
}
.text-dark-gray {
  color: var(--dark-gray);
}
/* Text gradient color */
/* Text shadow */
/* Text bottom line */
.text-decoration-line-bottom {
  border-bottom: 1px solid;
}
/* Text outline*/
/* Text stroke width */
/* Text stroke color */
/* Letter spacing */
/* Icon size */
.icon-medium {
  font-size: 34px;
}
.icon-extra-medium {
  font-size: 24px;
}
/* ===================================
    05. General
====================================== */
/* Separator line */
/* Separator vertical line */
/* Separator line size */
/* Opacity */
/* Position */
/* Vertical title center */
/* Skrollr */
/* Transform */
/* Transition */
.transition-inner-all * {
  -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
}
/* Pointer events */
/* Sticky column */
/* Overflow */
/* Overlap section */
/* Outside box */
/* CSS filter */
.filter-grayscale-100 {
  filter: grayscale(100%);
}
/* Box shadow */
/* Input */
input,
select,
textarea {
  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;
}
input:focus,
select:focus,
textarea:focus {
  border: 1px solid #c2c2c2;
  box-shadow: none !important;
  color: var(--medium-gray);
}
::-webkit-input-placeholder {
  color: var(--medium-gray) !important;
  text-overflow: ellipsis;
}
::-moz-placeholder {
  color: var(--medium-gray) !important;
  text-overflow: ellipsis;
  opacity: 1;
}
/* Select */
.select {
  position: relative;
}
.select:after {
  content: "\e842";
  font-family: feather !important;
  right: 20px;
  top: 50%;
  height: 34px;
  position: absolute;
  pointer-events: none;
  font-size: 22px;
  margin-top: -15px;
}
/* Date icon */
/* Mozilla firefox */
/* Time icon */
/* Input size */
/* 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 */
/* Swiper navigation style 05 */
/* Swiper navigation style 06 */
/* Swiper navigation style 07 */
/* Swiper navigation style 08 */
/* 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 */
@-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  */
/* Parallax liquid  */
/* Masked image animation */
/* Shape image animation */
/* Magic cursor */
/* 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 */
}
.swiper-slide [data-anime] {
  opacity: 0;
  transition: 0.3s ease-in-out;
}
/* Data top bottom transition animation */
/* Custom cursor */
/* Stack box */
/* Scrolling text */
/* Marquee slide */
/* Father shadow */
/* Text sliding line */
/* Sliding line */
/* Feature box slider */
/* Page loader */
/* Cookie message */
/* Scroll progress */
/* 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-dark-gray,
.bg-dark-gray:focus {
  background-color: var(--dark-gray);
}
.bg-slate-blue {
  background-color: var(--slate-blue);
}
/* Gradient background color */
.bg-gradient-very-light-gray {
  background-image: linear-gradient(
    to bottom,
    #f7f8f9,
    #f9fafb,
    #fbfbfc,
    #fdfdfd,
    #ffffff
  );
}
/* Transparent background color */
/* Background image */
/* Background size */
/* Border width */
/* Border style */
/* Border color */
.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-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-4px {
  border-radius: 4px !important;
}
/* Parallax background */
/* ===================================
    07. Width
====================================== */
.w-100 {
  width: 100% !important;
}
/* ===================================
    08. Height
====================================== */
.h-350px {
  height: 350px !important;
}
/* Screen height */
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto;
  }
}
/* ===================================
    09. Loop - Padding, margin, position, font weight, min height, opacity and z-index
====================================== */
/* Padding and margin */
.p-2 {
  padding: 2% !important;
}
.p-10 {
  padding: 10% !important;
}
.pt-20px {
  padding-top: 20px !important;
}
.pt-25px {
  padding-top: 25px !important;
}
.pt-35px {
  padding-top: 35px !important;
}
.pt-2 {
  padding-top: 2% !important;
}
.pt-3 {
  padding-top: 3% !important;
}
.pt-6 {
  padding-top: 6% !important;
}
.pe-30px {
  padding-right: 30px !important;
}
.pe-4 {
  padding-right: 4% !important;
}
.pe-8 {
  padding-right: 8% !important;
}
.pe-15 {
  padding-right: 15% !important;
}
.pb-20px {
  padding-bottom: 20px !important;
}
.pb-25px {
  padding-bottom: 25px !important;
}
.pb-30px {
  padding-bottom: 30px !important;
}
.pb-35px {
  padding-bottom: 35px !important;
}
.pb-3 {
  padding-bottom: 3% !important;
}
.ps-4 {
  padding-left: 4% !important;
}
.ps-8 {
  padding-left: 8% !important;
}
.ps-15 {
  padding-left: 15% !important;
}
.mt-20px {
  margin-top: 20px !important;
}
.mt-2 {
  margin-top: 2% !important;
}
.mt-3 {
  margin-top: 3% !important;
}
.mb-10px {
  margin-bottom: 10px !important;
}
.mb-20px {
  margin-bottom: 20px !important;
}
.mb-4 {
  margin-bottom: 4% !important;
}
/* Position */
.top-0px {
  top: 0px;
}
.left-0px {
  left: 0px;
}
/* Font weight */
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
/* Min height */
/* Opacity */
/* Z-index */
/* ===================================
   10. Header
====================================== */
header .navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}

header .navbar [class*="col-"] {
    padding: 0px 15px 25px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    align-content: space-around;
    align-items: flex-start;
}
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;
}

.col-lg-12.logo-header-box.pt-25px.pb-25px {
    padding: 72px 0 0 0 !important;
}
header .navbar {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .disable-fixed {
  position: absolute;
}
/* Navbar */
.navbar {
  padding: 0;
}
.navbar .navbar-nav .nav-item > i {
  display: none;
}
.navbar .navbar-nav .nav-item:hover .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link {
  opacity: 0.6;
}
.navbar .navbar-nav .nav-item .nav-link.active {
  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);
}
.navbar .navbar-nav .nav-link .label {
  display: inline-block;
  padding: 1px 11px;
  font-size: 12px;
  margin-left: 8px;
  margin-top: 0px;
  vertical-align: middle;
}
/* Header hover submenu dark */
/* Header hover submenu light */
/* Header dark */
/* Header light */
.header-light .navbar-nav .nav-link {
  color: var(--dark-gray);
}

@-webkit-keyframes hide-animation {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Custom slide animation */
@-webkit-keyframes show-animation {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
button:focus {
  outline: none;
}
/* 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: 40px;
}
/* Landing page header */
/* ===================================
   11. Page title
====================================== */
/* Breadcrumb */
/* Page title style */
/* Down section icon */
/* Down section line */
/* ===================================
   12. Layout
====================================== */
/* Sidebar */
/* 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.grid-4col li {
  width: 25%;
}
.grid .gutter-large {
  margin-left: 10px;
  margin-right: 10px;
  margin: 0 10px;
}
/* ===================================
    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);
  }
}

.swiper-button-next,
.swiper-button-prev {
  color: var(--dark-gray);
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
  content: "";
}

.divider-style-03.divider-style-03-01 {
  border-top: 1px solid;
  width: 100%;
}

#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 */
/* 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 */
/* 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 bar style 01 */
/* Progress bar style 02 */
/* 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 .dribbble:hover {
  color: #ea4c89;
}
.elements-social .email:hover {
  color: #7d7d7d;
}
.elements-social .facebook:hover {
  color: #3b5998;
}
.elements-social .google:hover {
  color: #dc4a38;
}
.elements-social .instagram:hover {
  color: #fe1f49;
}
.elements-social .youtube:hover {
  color: #ff0000;
}
.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);
}
.medium-icon li {
  margin: 0 8px;
}
.medium-icon a {
  font-size: 20px;
  width: 50px;
  height: 50px;
}
[class^="social-icon-"] ul,
[class*=" social-icon-"] ul {
  list-style: none;
}
/*  Social icon dark and light */
.elements-social .dark li a {
  color: var(--dark-gray);
}
/* Social icon style 01 */
/* Social icon style 03 */
/* Social icon style 04 */
/* 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 text style 01 */
/* Subcribe style 01 */
/* Subcribe style 02 */
/* Subcribe style 03 */
/* Subcribe style 04 */
/* 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 08 */
/* Team style 01 */
/* Team style 02 */
/* Team style 04 */
/* Team style 05 */
/* Team style 08 */
/* 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 only text */
/* Blog metro */
/* Blog masonry */
/* Blog simple */
/* Blog date */
/* Blog side image */
/* Blog modern */
/* Blog standard */
/* Blog comment */
/* Pagination style 01 */
/* Blog clean */
/* ===================================
   15. Portfolio
====================================== */
/* Portfolio grid */
/* Portfolio filter */
/* Portfolio classic */
/* Portfolio boxed */
.portfolio-boxed .portfolio-box {
  will-change: transform;
}
.portfolio-boxed .portfolio-box:hover {
  -webkit-box-shadow: 10px 0 70px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 0 70px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
/* 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-box .move-bottom-top,
.gallery-box .move-bottom-top {
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0;
}
.portfolio-box:hover .move-bottom-top,
.gallery-box:hover .move-bottom-top {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
/* 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::after {
  background: none;
  content: "" !important;
  position: absolute;
  top: 100px !important;
  left: calc(50% - 25px) !important;
  width: 50px !important;
  height: 50px !important;
  opacity: 1 !important;
  right: inherit !important;
  z-index: 9;
  text-align: center;
  border: 3px solid rgba(23, 23, 23, 0.2);
  border-top-color: rgba(23, 23, 23, 0.7);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  -webkit-animation: spin 1s linear infinite;
}
.grid-loading:before {
  content: "";
  position: absolute;
  right: 2px;
  top: 1px;
  width: calc(100% - 4px);
  height: calc(100% - 2px);
  border-radius: inherit;
  z-index: 1;
}
.grid-loading .grid-item {
  visibility: hidden;
}
.grid-loading li .grid-item {
  overflow: hidden;
  opacity: 0;
}
/* Portfolio minimal */
/* Horizontal portfolio */
/* ===================================
   16. Shop
====================================== */
/* Categories style 01 */
/* Categories style 02 */
/* Categories style 03 */
/* Shop boxed */
/* Shop modern */
/* Shop sidebar */
/* Toolbar wrapper */
/* Shop lable */
/* Product detail */
/* Single product thumb vertical */
/* Shop color */
/* Shop size */
/* Shop quantity  */
/* Cart */
/* Checkout */
/* Minicart */
/* Shop category style 02 */
/* ===================================
   17. Footer
====================================== */
footer {
  padding-top: 110px;
  padding-bottom: 110px;
}
footer ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
footer ul li {
  margin-bottom: 5px;
}

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

footer .elements-social.social-icon-style-02 li a {
  width: auto;
  height: auto;
}
footer .nav-link {
  color: var(--medium-gray);
  padding: 0.5rem 1rem;
}
footer .footer-navbar .nav-item:last-child a {
  padding-right: 0;
}
/* Footer dark  */
/* Footer light */
/* Footer navbar */
.footer-navbar li {
  display: inline-block;
  margin-bottom: 0;
}
.footer-navbar li a:hover {
  color: var(--base-color);
}
.footer-navbar li:last-child a {
  padding-right: 0;
}
.footer-navbar li:first-child a {
  padding-left: 0;
}
.footer-navbar .nav-link:focus {
  color: inherit;
}
/* Footer sticky */
/* Landing page footer */

.swiper-container {
  width: 100%;
  height: 300px;
  margin: 20px auto;
}

.swiper-slide-container {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: 100%;
  max-width: 600px;
  margin: auto;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.gallery-top {
  height: 80%;
  width: 100%;
}
.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-wrapper .swiper-slide .swiper-slide-container > img {
  height: 150px !important;
}
.gallery-thumbs .swiper-slide {
  width: 20%;
  height: 100%;
  opacity: 0.4;
}

.swiper-slide > img {
  width: 250px !important;
  height: 150px !important;
}
.submit-btn {
  border: 0px !important;
  background-color: #6d9e11 !important;
  color: white !important;
  height: 45px;
  width: 100px;
      padding: 7px 15px;
    font-size: 16px;
    font-weight: 700;
}
.reset-btn {
  border: 0px !important;
  background-color: var(--red) !important;
  color: white !important;
  height: 45px;
  width: 100px;
  padding: 10px 30px;
}
.nav-active {
  background-color: #d9ecb9 !important;
}
.svgs > svg {
    width: auto;
    height: 75px !important;
}
.svgs {
  background-color: #fce7e7 !important;
  border: 5px solid white;
}

.tz-gallery {
  padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
  padding: 2px;
}

.section-title {
  color: black;
  font-size: 17px;


}
.section-number {
  font-family: Playfair display,serif;
  color: black;
}
.section-content {
    color: black;
    font-size: 14px;
    font-family: open sans, sans-serif;
    padding-top: 20px;
}
.logo-header-box > div > img {
  box-shadow: 0px -1px 5px -1px black;
}
.tester {
  padding: 0px 60px;
}
.cover {
  height: 100%;
  width: 100%;
}
section.demo {
    padding: 0px;
}
.gallery-box {
    padding-bottom: 25px;
}
.col-lg-4.col-sm-12.d-flex.flex-column.align-items-center.svgs {
    padding-top: 20px;
}
.col-lg-12.grid-title.note-section {
    padding-top: 10px;
}
.get
    svg {
    position: absolute;
    margin-left: -24px;
    margin-top: 30px;
}
hr {
    color: black;
}
p.about {
    font-family: "Open Sans", serif;
    font-size: 14px;
}
a.nav-link.nav-active:hover {
    color:green;
}
button.navbar-toggler.float-start.navbar-toggler-clone.collapsed {
    display: none;
}