/*
Theme Name: Bike WorkShop Pro
Theme URI: https://asterthemes.com/products/bike-workshop-wordpress-theme
Author: asterthemes
Author URI: https://asterthemes.com/
Description: The Bike WorkShop WordPress Theme is a robust and elegant website solution designed for bike repair shops, cycle maintenance centers, and DIY repair enthusiasts. It provides an immersive online presence for professionals offering services such as bike repair, bicycle tune-up, chain lubrication, and brake adjustments. The theme’s modern, responsive, and retina-ready design ensures seamless performance on desktops, tablets, and smartphones. It comes loaded with interactive animated sliders, intuitive navigation, and customizable call-to-action buttons to engage visitors effectively. With built-in support for mobile bike repair, mountain bike repair, and road bike maintenance, the premium Bike Workshop WordPress Theme highlights specialized services like tire repair, chain replacement, and bicycle brake repair. Its clean, optimized, and secure code guarantees faster page load times while providing a user-friendly experience. Additionally, Bike WorkShop WordPress Theme offers comprehensive features to showcase repair tools and cycle repair kits, ensuring your cycle shop stands out in today’s competitive market.
Version: 1.2.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bike-workshop-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Bike WorkShop Pro WordPress Theme has been created by Aster Themes(asterthemes.com), 2025.
Bike WorkShop Pro WordPress Theme is released under the terms of GNU GPL
*/

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");

html.yes-js.js_active.js {
  margin: 0 !important;
}
html {
  margin: 0 !important;
}

html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: #121212;
  position: relative;
  color: #5b5b5b;
  overflow-x: hidden;
  z-index: 0;
  font-family: "Plus Jakarta Sans";
}
label {
  margin-bottom: 0 !important;
}
img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
}
section img {
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 10px 0;
  line-height: 1;
  letter-spacing: 1px;
  color: #5b5b5b;
}
p {
  margin: 0 0 15px;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  color: #7d7d7d;
}
p,
ul li a {
  letter-spacing: 0px;
  font-family: "Plus Jakarta Sans";
}
body a {
  text-decoration: none;
  color: var(--color2);
}
a:hover {
  text-decoration: none;
}
a:focus,
a:hover {
  text-decoration: none !important;
}
ul,
ol {
  margin: 0 0 0 0px;
  padding: 0;
}
ul li,
ol li {
  font-size: 16px;
}
:hover {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background: #ececec;
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 70px;
  position: absolute;
  left: 0px;
  top: -7%;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
small {
  font-size: 14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
input[type="password"],
textarea {
  border: 1px solid #424648;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  background: transparent;
}
section {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0;
}
select {
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  font-weight: 500;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  background-color: #ffffff;
  margin-top: 0%;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  width: 45px;
  height: 40px;
  margin: 0;
  border: transparent;
  transition: all 0.3s ease;
}
input[type="submit"]:hover {
  cursor: pointer;
  color: #ffffff;
}
textarea:focus-visible {
  outline: none !important;
}
:focus-visible {
  outline: none !important;
}
a:focus {
  outline: none !important;
  box-shadow: none !important;
}
input[type="submit"]:hover .news-btn:after {
  color: #ffffff;
  background-color: #ffffff;
}

span.wpcf7-spinner {
  display: none;
}

.bounce,
.flash,
.pulse,
.shake,
.swing,
.tada,
.wobble,
.bounceIn,
.bounceInDown,
.bounceInLeft,
.bounceInRight,
.bounceInUp,
.bounceOut,
.bounceOutDown,
.bounceOutLeft,
.bounceOutRight,
.bounceOutUp,
.fadeIn,
.fadeInDown,
.fadeInDownBig,
.fadeInLeft,
.fadeInLeftBig,
.fadeInRight,
.fadeInRightBig,
.fadeInUp,
.fadeInUpBig,
.fadeOut,
.fadeOutDown,
.fadeOutDownBig,
.fadeOutLeft,
.fadeOutLeftBig,
.fadeOutRight,
.fadeOutRightBig,
.fadeOutUp,
.fadeOutUpBig,
.flip,
.flipInX,
.flipInY,
.flipOutX,
.flipOutY,
.lightSpeedIn,
.lightSpeedOut,
.rotateIn,
.rotateInDownLeft,
.rotateInDownRight,
.rotateInUpLeft,
.rotateInUpRight,
.rotateOut,
.rotateOutDownLeft,
.rotateOutDownRight,
.rotateOutUpLeft,
.rotateOutUpRight,
.slideInDown,
.slideInLeft,
.slideInRight,
.slideOutLeft,
.slideOutRight,
.slideOutUp,
.rollIn,
.rollOut,
.zoomIn,
.zoomInDown,
.zoomInLeft,
.zoomInRight,
.zoomInUp,
.slideInUp {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible !important;
}
.wp-caption {
  margin: 0;
  padding: 0;
  font-size: 13px;
  max-width: 100%;
}
.wp-caption-text {
  margin: 0;
  padding: 0;
}
.gallery-caption {
  margin: 0;
  padding: 0;
}
.bypostauthor {
  margin: 0;
  padding: 0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner {
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.sticky {
  margin: 0;
  padding: 0;
  background-color: #d7d7d7;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  padding: 5px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: 25px;
  padding: 5px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 5px;
}
.comment-list {
  border-radius: 15px;
  box-shadow: 0 0 5px 0px #ffffff;
  padding: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
  grid-gap: 20px;
  margin-bottom: 30px;
}
.comment-body {
  background: var(--primary-text-color);
  border-radius: 30px;
  padding: 20px 20px;
}
.comment-list .comment-content ul {
  list-style: none;
  margin-left: 15px;
}
.comment-list .comment-content ul li {
  margin: 5px;
}
.toggleMenu {
  display: none;
}
a.small-button {
  background: #3890cb;
  padding: 5px 30px;
  border-radius: 3px;
  color: #fff;
  display: table;
  margin: 0 auto;
}
a.small-button:hover {
  color: #fff;
  background: #0c5f96;
}
.post-template-default input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
input[type="password"] {
  width: 100%;
  margin-top: 0px;
  float: unset;
  margin-left: 0px;
}
.post-template-default textarea {
  background: var(--heading-text-color) 7d;
  border: 1px solid #414647;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  /* border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px; */
  margin: 0 0 0.75em;
  table-layout: fixed;
  width: 100%;
  /* text-align: center; */
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td,
.widget.widget_calendar tr,
.widget.widget_calendar th {
  border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 700;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #4bcdfc;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}

/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*----- Site Frame -------*/
.site-frame {
  top: 0;
}
.site-frame,
.site-frame:after {
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 99999;
  background: #000;
}
.site-frame:after {
  bottom: 0;
}
.site-frame-sides:before,
.site-frame-sides:after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 1405;
  background: #000;
}
.site-frame-sides:after {
  right: 0;
}
/*------------------------- Headings --------------------------*/
section h2 {
  font-weight: bold;
  padding: 0;
  margin-bottom: 20px;
  color: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 900;
  padding: 0;
}
section h4 {
  color: #000;
  font-size: 20px;
}
section h5 {
  color: #333;
  padding: 0;
}
.innerbox {
  background-size: 100% 100%;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/* --------- Widget Text ------- */
.textwidget p {
  padding-top: 15px;
  padding-bottom: 15px;
}
/* --------- Social Icon Widget ------- */
/* .social_widget a {
  padding: 12px;
  margin-right: 15px !important;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #717271;
} */
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}

select#archives-dropdown--1 {
  margin-top: 5px;
}
#sidebar form {
  margin-top: 5px;
}
/*--- Preloader 1 ---*/
.preloader {
  background: #f6bf2d;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 999999;
}
.preloader-squares .square {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #ffffff;
  animation: movein 2s infinite;
}
.preloader-squares {
  width: 50px;
  line-height: 19px;
  height: 50px;
}
.preloader-squares .square:nth-child(1) {
  transform: translate(0, -25px);
}
.preloader-squares .square:nth-child(2) {
  transform: translate(25px, 0);
}
.preloader-squares .square:nth-child(3) {
  transform: translate(-25px, 0);
}
.preloader-squares .square:nth-child(4) {
  transform: translate(0, 25px);
}
@keyframes movein {
  33% {
    transform: translate(0, 0);
  }
  66% {
    transform: translate(0, 0);
  }
}
/*--- Preloader 2 ---*/
.preloader-chasing-squares {
  width: 50px;
  height: 50px;
  line-height: 19px;
}
.preloader-chasing-squares .square {
  display: inline-block;
  width: 15px;
  height: 15px;
  opacity: 1;
  background: #333;
}
.preloader-chasing-squares .square {
  animation: focusfade 2s infinite;
}
.preloader-chasing-squares .square:nth-child(2) {
  animation-delay: 0.5s;
}
.preloader-chasing-squares .square:nth-child(3) {
  animation-delay: 1.5s;
}
.preloader-chasing-squares .square:nth-child(4) {
  animation-delay: 1s;
}
@keyframes focusfade {
  0% {
    opacity: 0.5;
  }
  30% {
    opacity: 0.5;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*------------------ Comments BOX ------------------*/
#comments {
  float: left;
  width: 100%;
}
#comments h2.comments-title {
  color: #ffffff;
  font-weight: normal;
  font-size: 30px;
  font-family: "Plus Jakarta Sans";
  margin: 20px 0 15px;
}
#comments h3.comment-reply-title {
  font-size: 20px;
  font-weight: bold;
  clear: both;
}
#comments input[type="text"],
#comments input[type="email"] {
  padding: 12px 10px;
  font-size: 18px;
  color: #000;
  float: unset;
  background: #fff;
  border: 1px solid #414647;
}
#comments textarea {
  padding: 12px 10px;
  font-size: 18px;
  color: #ffffff;
  float: unset;
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 10px;
}
#comments p.comment-form-comment label {
  display: block;
  margin-bottom: 10px !important;
}
#comments input[type="submit"].submit {
  text-transform: uppercase;
  margin-top: 20px;
}
#comments a time {
  color: #000;
  font-weight: bold;
  font-size: 12px;
}
#comments .comment-metadata {
  width: 90%;
  float: left;
  padding: 1% 0 0 0;
}
#comments .comment-content {
  width: 90%;
  text-align: left;
  margin-left: 7%;
}
#comments .comment-author {
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 30px;
  font-family: "Plus Jakarta Sans";
  margin-bottom: 15px;
}
p.logged-in-as,
p.comment-form-comment {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
}
p.logged-in-as a {
  font-size: 14px;
  color: #ff0000;
}
#comments .comment-author.vcard img {
  padding: 2px;
  border-radius: 50%;
}
#comments .comment-author .fn,
#comments .comment-author .says {
  color: #ffffff;
  font-size: 16px;
  font-family: "Plus Jakarta Sans";
}
#comments ol {
  list-style-type: none;
  margin-left: 0;
}
.comment-meta.commentmetadata a {
  font-size: 16px;
  font-family: "Plus Jakarta Sans";
  color: #ffffff;
}
#comments .comment-body p {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #ffffff;
  font-family: "Plus Jakarta Sans";
}
#comments .reply a {
  background-color: var(--primary-text-color);
  color: #ffffff;
  font-weight: 600;
  padding: 10px 20px 10px 20px;
  font-size: 14px;
  width: 60%;
  position: relative;
}
#comments .reply a i {
  color: #ffffff;
}
.post-navigation .nav-previous .meta-nav,
.post-navigation .nav-next .meta-nav {
  background: #f6bf2d;
  border-radius: 5px;
  width: 150px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
}
.attachment #sidebar {
  margin-top: 2em;
}
/*--------------- Sidebar -----------------*/
.home .post-section .container {
  margin-top: 200px;
}
.wp-block-search__input {
  margin-left: -237%;
}
.wp-block-search__label {
  padding-left: 10px;
}
#sidebar .textwidget label {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
  background: #333;
  border: none;
  color: var(--heading-text-color);
  padding: 14px 0;
  font-size: 15px;
  margin: 0;
  width: 100%;
}
#sidebar form {
  display: table;
  width: 100%;
  border: 1px solid #bbb;
}
#sidebar h3 {
  color: #4bcdfc;
  font-weight: bold;
  padding: 0px;
  font-size: 16px;
  position: relative;
  margin-top: 0%;
  margin-bottom: 10px;
}
#sidebar ul li {
  font-size: 13px;
  border-bottom: 1px solid #e1e1e1;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background: transparent;
  padding: 10px 10px;
  border: none;
  font-size: 15px;
  color: #000;
  width: 100%;
}
#sidebar label {
  width: 71%;
  float: left;
  margin-bottom: 0;
}
#sidebar input[type="submit"] {
  background: transparent;
  border: none;
  color: #fff;
  padding: 10px 10px;
  font-size: 13px;
  margin: 2px 0;
  background: #4bcdfc;
  width: 29%;
}
#sidebar aside {
  margin-bottom: 40px;
  border: 1px solid #f6bf2d;
  padding: 10px;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
#sidebar ul li {
  line-height: 32px;
}
#sidebar ul li a {
  color: rgba(0, 0, 0, 0.78);
}
#sidebar .tagcloud a {
  background: #13182c;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 10px 0 5px;
  display: inline-block;
}
#sidebar .tagcloud a:hover {
  background: #13182c;
}
#sidebar .widget_recent_entries ul li {
  background: none;
}
#sidebar .post-content {
  line-height: 20px;
}
span.credit_link a {
  color: #4bcdfc !important;
}
.wp-block-search__label {
  visibility: hidden;
}
/*---- About Widget css ----*/
p.custom_author,
p.custom_designation {
  font-weight: 600;
  margin: 10px 0;
  font-size: 15px;
}
a.custom_read_more {
  padding: 10px;
  background: #4bcdfc;
  display: inline-block;
  color: #fff;
  font-weight: 600;
}
#footer p.custom_desc {
  margin-bottom: 10px;
}
/*---------------- Pagination ----------------*/
.navigation span.post-title {
  font-size: 16px;
  font-family: "Plus Jakarta Sans";
  color: #ffffff;
  font-weight: 500;
}
.navigation span,
.navigation a {
  float: left;
}
.nav-previous a,
.nav-next a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-bottom: 25px;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
/* .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
} */
/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.page-template-default #comments {
  display: none;
}
.woocommerce .products ul li,
.woocommerce ul.products li {
  text-align: center;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  padding: 5px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  opacity: 1;
}
span.posted_in,
.tagged_as {
  display: block;
  font-size: 20px;
  color: var(--color2);
  font-weight: 600;
  font-family: "Plus Jakarta Sans";
}
span.posted_in a {
  font-weight: 400;
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .button {
  margin: 0;
}
.woocommerce .quantity input {
  padding: 8px 0px;
}
.woocommerce-message .wc-forward,
.product-add-to-cart .product_type_simple {
  position: relative !important;
  bottom: 0px !important;
  left: 0px !important;
}
.woocommerce-page table.cart td.actions .input-text {
  width: 60%;
  height: 40px;
}
a.checkout-button.button {
  width: 100%;
  bottom: 0;
}

.woocommerce .add_to_cart_button.ajax_add_to_cart,
.product_type_variable {
  background: #f6bf2d;
  color: #ffffff !important;
  font-size: 16px !important;
  font-family: "Plus Jakarta Sans";
  padding: 2px 5px !important;
  width: 150px;
  height: 45px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: 400 !important;
  border-radius: 3px !important;
  margin: 10px auto 20px !important;
  border: transparent;
  transition: all 0.3s ease;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background-color: #ffffff !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-family: "Plus Jakarta Sans";
  padding: 2px 5px !important;
  width: 100%;
  height: 45px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: 600 !important;
  border-radius: 5px !important;
  margin: 10px auto !important;
  border: transparent;
  transition: all 0.3s ease;
}
.ajax_add_to_cart:hover::after {
  right: 15px;
}
.woocommerce a.added_to_cart.wc-forward {
  margin-left: 30px;
}

.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: transparent;
  color: #fff;
}
.woocommerce-message {
  border-top-color: var(--color2);
}
.woocommerce-message::before {
  content: "\e015";
  color: var(--color2);
}
.woocommerce-input-wrapper textarea,
.woocommerce-input-wrapper input[type="tel"],
.woocommerce-input-wrapper input[type="email"] {
  background: unset;
  border: 1px solid #000;
}
.woocommerce-billing-fields__field-wrapper p,
.woocommerce-additional-fields__field-wrapper p {
  color: #292b2c;
}
.coupon input {
  margin-top: 0% !important;
}
.woocommerce nav.woocommerce-pagination ul {
  column-gap: 10px !important;
}
.woocommerce nav.woocommerce-pagination ul li span {
  background: #fff !important;
  color: #000 !important;
  margin-right: 5px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background: #4bcdfc;
}
#footer
  .woocommerce
  .widget_price_filter
  .price_slider_wrapper
  .ui-widget-content {
  background: #fff;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: #000;
}
#sidebar .widget.woocommerce form {
  border: 0;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
  width: 50px;
  height: 50px;
}
.woocommerce-product-search input[type="search"] {
  width: 100%;
  border: 1px solid #000 !important;
  margin-bottom: 10px;
}
#footer .woocommerce-product-search input[type="search"] {
  border: 1px solid #fff !important;
}
.woocommerce-product-search button[type="submit"] {
  color: #000;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 500;
  width: 100%;
  border: none;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
  padding: 0 0 10px 2em !important;
  margin-top: 10px;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 8px;
}
#footer .tagcloud a {
  font-size: 15px !important;
  padding: 10px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid #4bcdfc;
}
#footer .tagcloud a:hover {
  background: #4bcdfc;
  color: #fff;
}
.select2-container--default .select2-selection--single {
  height: 45px;
  border-radius: 0;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding: 7px 10px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 8px;
}
.woocommerce form .form-row input.input-text {
  padding: 10px;
  border: 1px solid #bcbcbc;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active {
  background: #ffffff !important;
}
nav.woocommerce-MyAccount-navigation ul li {
  padding: 12px;
  margin-bottom: 10px;
  list-style: none;
  border: 1px solid #ffffff;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #ffffff;
  font-family: "Plus Jakarta Sans";
  letter-spacing: 3px;
  text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li.is-active {
  background-color: #ffffff;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #000000;
}
header.woocommerce-Address-title a {
  color: #ffffff;
  background-color: #f6bf2d;
  width: 150px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header.woocommerce-Address-title a:hover {
  border: 2px solid #f6bf2d;
  color: #f6bf2d !important;
  background-color: transparent !important;
}
.woocommerce-address-fields p button {
  background-color: #f6bf2d !important;
  margin-top: 20px !important;
  color: #ffffff !important;
}
.woocommerce-address-fields p button:hover {
  background-color: transparent !important;
  border: 2px solid #f6bf2d !important;
  color: #f6bf2d !important;
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
  max-width: 100%;
}
.woocommerce form .form-row input.input-text {
  background: #fff;
}
.woocommerce ul.products li.product .star-rating {
  margin: 10px auto;
}
.woocommerce h2,
.woocommerce-MyAccount-content h3 {
  font-size: 30px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Plus Jakarta Sans";
  padding-bottom: 30px;
}
.woocommerce-Tabs-panel p {
  font-size: 18px;
  font-family: "Plus Jakarta Sans";
  color: #ffffff !important;
}
.woocommerce i.yith-wcwl-icon.fa.fa-heart-o:before {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 10px;
}
a.add_to_wishlist span {
  color: #000000;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
}
.woocommerce form .form-row label {
  line-height: 2;
  font-size: 16px;
  font-family: "Plus Jakarta Sans";
  color: #ffffff;
}
.yith-wcwl-add-to-wishlist {
  margin: 0;
  padding-bottom: 30px;
}
.product_meta span {
  font-size: 20px;
  font-family: "Plus Jakarta Sans";
  color: #ffffff;
}
.product_meta span a {
  font-size: 16px;
  font-family: "Plus Jakarta Sans";
  color: #ffffff;
}
button.woocommerce-button,
button.woocommerce-Button.button.wp-element-button,
button.button.wp-element-button {
  width: 160px;
  height: 40px;
  background-color: var(--color2) !important;
  color: var(--heading-text-color) !important;
  font-size: 14px !important;
  font-family: "Plus Jakarta Sans";
  letter-spacing: 1px;
  font-weight: 500;
}
button.woocommerce-button:hover,
button.woocommerce-Button.button.wp-element-button:hover,
button.button.wp-element-button:hover {
  background-color: var(--heading-text-color) !important;
  color: var(--color2) !important;
  border: 1px solid #000000;
}
button.single_add_to_cart_button {
  margin-left: 20px !important;
}
.woocommerce-MyAccount-content p {
  font-size: 18px;
  color: #ffffff;
  font-family: "Plus Jakarta Sans";
}
.woocommerce-info {
  border-top-color: #ffffff !important;
}
.woocommerce-info::before {
  color: #ffffff !important;
}
.woocommerce-MyAccount-content p a {
  color: #ffffff;
}

ins {
  text-decoration: none;
}
/* --------- SLIDER--------- */
#slider {
  max-width: 100%;
  margin: auto;
  padding: 0;
  position: relative;
  z-index: -1;
  background: transparent;
}
#slider img {
  width: 100%;
}
#slider h1 span.first-word,
#slider h1 span.last-word {
  color: var(--heading-text-color) !important;
}
#slider .carousel-control .nav1,
#slider .carousel-control .nav2 {
  display: none;
}
#slider p.price {
  font-size: 22px !important;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  bottom: inherit;
  text-align: left;
  left: 7%;
  right: 25%;
  padding-top: 0%;
}
a.blog-more {
  display: inline-block;
  font: 400 16px "Roboto Condensed", sans-serif;
  padding: 10px 30px;
  margin-top: 21px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  margin-right: 15px;
}
#slider .carousel-control-next,
#slider .carousel-control-prev {
  width: 10%;
}
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon {
  background-image: none;
}
#slider .carousel-control-next,
#slider .carousel-control-prev {
  opacity: 1;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: auto;
  height: auto;
}
#slider a i {
  color: var(--heading-text-color);
}
#slider a i:focus,
#slider a i:active,
#slider a i:hover {
  border: none;
  transition: all 0.5s ease-out;
}
.inner_carousel h2 small {
  color: var(--heading-text-color);
  display: block;
  margin-bottom: 20px;
}
#slider .inner_carousel h3 {
  /* font-family: "Montserrat"; */
  /* font-weight: bold; */
  font-style: italic;
  color: #fff;
}
#slider .inner_carousel p {
  font-size: 13px;
  line-height: 24px;
  font-weight: 600;
  /* font-family: "Montserrat"; */
  color: #cfcfcf;
}
#slider .carousel-indicators {
  position: relative;
  margin-top: -6%;
}
ol.carousel-indicators {
  position: static !important;
  display: block;
  z-index: auto;
}
ol.carousel-indicators li {
  width: 1px !important;
  height: 1px !important;
  max-width: 10px;
  padding: 5px !important;
  margin-top: 12px;
  border: 1px solid #fff !important;
  background-color: #fff !important;
  cursor: pointer;
  opacity: 1 !important;
}
ol.carousel-indicators .active {
  background-color: #4bcdfc !important;
  border: 1px solid #4bcdfc !important;
}

a.theme_button:hover {
  background: #4bcdfc;
  border: 2px solid #4bcdfc;
}
.button_center {
  text-align: center;
}
a.themesec_button {
  color: var(--heading-text-color);
  border: 2px solid var(--heading-text-color);
  margin-top: 20px;
  letter-spacing: 1px;
  padding: 12px 20px;
  /* font-size: 14px; */
  border-radius: 0px 5px;
  /* font-family: "Montserrat"; */
  /* font-weight: bold; */
  background: #4bcdfc;
  margin-right: 3%;
}
a.themesec_button:hover {
  background: #fff;
  border: 2px solid #4bcdfc;
  color: #4bcdfc;
}
/*Fade slider*/
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}
/* @media only screen and (max-width : 485px) {
.aos-init.aos-animate{
  display: none;}
} */

.pricing-head .pricing-plan-wrapper .pp-inner-wrapper:nth-child(1):before {
  content: "";
  position: absolute;
  background-image: url("./assets/images/pricing-plan/image1.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  transition: all 1s ease;
  border-radius: 20px;
}
.pricing-head
  .pricing-plan-wrapper
  .pp-inner-wrapper:nth-child(1):hover:before {
  opacity: 1;
}

.pricing-head .pricing-plan-wrapper .pp-inner-wrapper:nth-child(2):before {
  content: "";
  position: absolute;
  background-image: url("./assets/images/pricing-plan/image2.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  transition: all 1s ease;
  border-radius: 20px;
}
.pricing-head
  .pricing-plan-wrapper
  .pp-inner-wrapper:nth-child(2):hover:before {
  opacity: 1;
}

.pricing-head .pricing-plan-wrapper .pp-inner-wrapper:nth-child(3):before {
  content: "";
  position: absolute;
  background-image: url("./assets/images/pricing-plan/image3.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  transition: all 1s ease;
  border-radius: 20px;
}
.pricing-head
  .pricing-plan-wrapper
  .pp-inner-wrapper:nth-child(3):hover:before {
  opacity: 1;
}
amp-sidebar#sidebar1 i {
  color: var(--heading-text-color);
  font-size: 26px;
}

#customize-theme-controls
  .control-section
  .accordion-section-title:hover:after {
  color: #24bdaf !important;
}

/* Home Buy Btn */

.buy-icon-btn a i {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 5 Free";
  transition: all 0.2s ease-in-out;
  border-radius: 5px 0px 0px 5px;
  box-shadow: -1px 1px 2px 1px #100f0fbf;
  width: 50px;
  height: 50px;
  font-size: 26px;
  font-weight: 900;
  color: #f6bf2d;
}
.buy-icon-btn {
  position: fixed;
  top: 30%;
  z-index: 99999;
  right: 0px !important;
}
.buy-icon-btn span {
  content: "Buy Now";
  font-size: 24px;
  font-family: "Plus Jakarta Sans";
  font-weight: 600;
  color: #ffffff;
  position: absolute;
  top: 50%;
  right: 70px;
  white-space: nowrap;
  transform: translate(10px, -50%);
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.buy-icon-btn:hover span {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}
.buy-icon-btn:hover a i {
  background: #f6bf2d;
  color: #ffffff;
}

@media screen and (max-width: 1041px) {
  .buy-icon-btn a i {
    width: 35px;
    height: 35px;
  }
  .buy-icon-btn a i::before {
    font-size: 16px;
  }
  .buy-icon-btn span {
    font-size: 16px;
    right: 45px;
  }
}

div.mpStyle .mp_sticky_area.mpSticky {
  position: relative !important;
  top: 0 !important;
}