/*
Theme Name: Design Studio Pro
Theme URI: https://asterthemes.com/products/design-agency-wordpress-theme
Author: Aster Themes
Author URI: https://asterthemes.com/
Description: The Design Agency WordPress Theme is expertly crafted for creative agencies, graphic designers, branding studios, and digital professionals who want to showcase their work in a modern and professional way. With a sleek and contemporary layout, this theme highlights portfolios, case studies, and creative projects, helping agencies present their services with clarity and style. Its design focuses on aesthetics and functionality, making it ideal for businesses that rely on strong visual impact.
Version: 0.0.1
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: design-studio-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
 Design Studio Pro WordPress Theme has been created by Aster Themes(asterthemes.com), 2026.
 Design Studio Pro WordPress Theme is released under the terms of GNU GPL
*/


@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sora:wght@100..800&display=swap');

html.yes-js.js_active.js {
  margin: 0 !important;
}
html {
  margin: 0 !important;
}
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}
html body{
  margin:0;
  padding:0;  
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color: #191C21;
  background-repeat: no-repeat;
  position:relative;
  color:#ffffff;
  z-index: 0;
  font-family: "Sora";
  background-size: cover;
  font-size: 15px;
}
#page,
.site,
.site-content {
  max-width: 100%;
  overflow-x: hidden;
}
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: 0px;
}
h1,h2,h3{
  /* font-size: 45px; */
  font-weight: 700;
  color: #ffffff;
  font-family: "DM Sans";
}
h4,h5,h6{
  font-size: 40px;
  font-weight: 800;
  color: #ffffff;
  font-family: "Sora";
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:20px;
  font-weight: 400;
  color: #ffffff;
}
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 !important;;
}
section{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 50px 0;
  position: relative;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  font-weight: 500;
  color: #ffffff;
  border: none;
  background-color: #ffffff;
  margin-top: 0%;
  font-family: "Sora";
  font-size: 14px;
  width: 45px;
  height: 40px;
  margin: 0;
  border: transparent;
  transition: all 0.3s ease;
}
input[type="submit"]:hover{
  cursor: pointer;
}
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;
}
.yith_wcwl_wishlist_footer .yith-wcwl-share {
  float: none !important
}
.wishlist_table.mobile li .additional-info-wrapper .move-to-another-wishlist, .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart {
  padding: 5px
}
.product-remove a {
  color: #000000
}
.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: #ffffff;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #29C684;
  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;
}
/* --------- 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;
  text-align: center;
}

select#archives-dropdown--1 {
  margin-top: 5px;
}
#sidebar form {
  margin-top: 5px;
}


/* center wrapper */
/*.absCenter {
  position: absolute;
  top: 60%;
  left: 45%;
  transform: translate(-50%, -50%);
}*/


/*body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #000;
}*/

.container-ldr {
  position: relative;
  display: flex;
  height: 200px;
  width: 100%;
  justify-content: center;
  align-items: center;
  -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, #0005);
}


/* ---------- RESPONSIVE ---------- */
/*--- Preloader 1 ---*/
.preloader {
  background: #191C21;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 999999;
}
.loader {
  position: relative;
  font-size: 16px;
  width:  5.5em;
  height: 5.5em;
  }
  .loader:before{
    content: '';
    position: absolute;
    transform: translate(-50%, -50%) rotate(45deg);
    height: 100%;
    width: 4px;
    background: #fff;
    left: 50%;
    top: 50%;
  }
  .loader:after{
    content: '';
    position: absolute;
    left: 0.2em;
    bottom: 0.18em;
    width: 1em;
    height: 1em;
    background-color: #29C684;
    border-radius: 15%;
    animation: rollingRock 2.5s cubic-bezier(.79, 0, .47, .97) infinite;
  }
@keyframes rollingRock {
  0% {transform: translate(0, -1em) rotate(-45deg)}
  5% {transform: translate(0, -1em) rotate(-50deg)}
  20% {transform: translate(1em, -2em) rotate(47deg)}
  25% {transform: translate(1em, -2em) rotate(45deg)}
  30% {transform: translate(1em, -2em) rotate(40deg)}
  45% {transform: translate(2em, -3em) rotate(137deg)}
  50% {transform: translate(2em, -3em) rotate(135deg)}
  55% {transform: translate(2em, -3em) rotate(130deg)}
  70% {transform: translate(3em, -4em) rotate(217deg)}
  75% {transform: translate(3em, -4em) rotate(220deg)}
  100% {transform: translate(0, -1em) rotate(-225deg)}
}
      
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
}
#comments h2.comments-title {
  color: #ffffff;
  font-weight: normal;
  font-size: 30px;
  font-family: "Sora";
  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 !important;;
  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: "Sora";
  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: #29C684;
}
#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: "Sora";
}
#comments ol{
  list-style-type: none;
  margin-left: 0;}
.comment-meta.commentmetadata a {
  font-size: 16px;
  font-family: "Sora";
  color: #ffffff;
}
#comments .comment-body p{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #ffffff;
  font-family: "Sora";
}
#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: #29C684;
  border-radius: 0px;
  width: 150px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-family: "Sora";
  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: 0;
  width: 100%;
}
 .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, #sidebar h2 {
    background: #29C684;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 0px;
    text-align: center;
    font-weight: bold;
    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:#FFFFFF;
  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: #29C684;
  width: 29%;
}
#sidebar aside{
  margin-bottom:40px;
  border:2px solid #29C684;
  padding: 10px;
  border-radius: 5px;
}
#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
  font-size:17px;
}
#sidebar ul li{
  line-height: 35px;
  margin: 10px 12px;
}
#sidebar ul li a{
  color:rgba(255, 255, 255, 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: #29C684 !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: #29C684;
  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: "Sora";
  color: #ffffff;
  font-weight: 500;
  text-align: center;
}
.navigation span, .navigation a {
  float: left;
}
.nav-previous a , .nav-next a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 20px 0;
}

/* 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: "Sora";
}
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: #E8E8E8;
  color: #29C684 !important;
  font-size: 16px !important;
  font-family: "Sora";
  padding: 2px 5px !important;
  width: 100%;
  height: 45px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: 600 !important;
  border-radius: 2px !important;
  margin: 15px auto 15px !important;
  border: 2px solid #29C684;
  transition: all 0.3s ease;
}
.woocommerce .add_to_cart_button.ajax_add_to_cart:hover, .product_type_variable:hover {
  background: #29C684 !important;;
  color: #ffffff !important;
  border: 1px solid #29C684;
}
.woocommerce .star-rating::before,.woocommerce .star-rating span::before {
  color: #FFC225;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background-color: #ffffff !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-family: "Sora";
  padding: 2px 5px !important;
  width: 100%;
  height:45px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: 600 !important;
  border-radius: 0px !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 !important;;
  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: #29C684;
}
#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 #29C684;
}
#footer .tagcloud a:hover{
  background: #29C684;
  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 #000000;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #000000;
  font-family: "Sora";
  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: #29C684;
  font-family: "Sora";
  width: 150px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  border: 1px solid transparent;
}
header.woocommerce-Address-title a:hover{
  border: 1px solid #29C684;
  color: #29C684 !important;
  background-color: transparent !important
}
.woocommerce-address-fields p button,.woocommerce-MyAccount-content .woocommerce-Button.button {
  background-color: #29C684 !important;
  margin-top: 20px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-family: "Sora";
  width: 100%;
  max-width: 200px;
  height: 50px;
  border: 1px solid transparent !important;
}
.woocommerce-address-fields p button:hover,.woocommerce-MyAccount-content .woocommerce-Button.button:hover {
  background-color: transparent !important;
  border: 1px solid #29C684 !important;
  color: #29C684 !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: #000000;
  font-weight: 400;
  font-family: "Sora";
  padding-bottom: 30px;
}
.woocommerce-Tabs-panel p {
  font-size: 18px;
  font-family: "Sora";
  color: #000000 !important;
}
.woocommerce i.yith-wcwl-icon.fa.fa-heart-o:before{
  /* border: 1px solid #000000; */
  color: #000000;
  padding: 10px;
}
a.add_to_wishlist span{
  color: #000000;
  font-family: "Sora";
  font-size: 16px;
}
.woocommerce form .form-row label {
  line-height: 2;
  font-size: 16px;
  font-family: "Sora";
  color: #000000;
}
.yith-wcwl-add-to-wishlist{
  margin: 0;
}
.product_meta span {
  font-size: 20px;
  font-family: "Sora";
  color: #000000;
}
.product_meta span a{
  font-size: 16px;
  font-family: "Sora";
  color: #000000;
}
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: "Sora";
  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;
}
.single-product .single_add_to_cart_button {
  margin-left: 20px !important;
}
.woocommerce-MyAccount-content p {
  font-size: 18px;
  color: #ffffff;
  font-family: "Sora";
}
.woocommerce-info {
  border-top-color: #ffffff !important;
}
.woocommerce-info::before {
  color: #000000 !important;
}
.woocommerce-MyAccount-content p a {
  color: #000000;
}

ins {
    text-decoration: none;
}
/* --------- SLIDER--------- */
#slider{
  max-width:100%;
  margin:auto;
  padding:0;
  position:relative;
  z-index: -1;
  background: transparent !important;;
}
#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: #29C684 !important;
  border: 1px solid #29C684 !important;
}

a.theme_button:hover{
  background: #29C684;
  border: 2px solid #29C684;
}
.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: #29C684;
  margin-right: 3%;
}
a.themesec_button:hover{
  background: #fff;
  border: 2px solid #29C684;
  color: #29C684;
}
/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .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;}
} */


amp-sidebar#sidebar1 i {
    color: var(--heading-text-color);
    font-size: 26px;
}

#customize-theme-controls .control-section .accordion-section-title:hover:after{
  color: #29C684 !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: #29C684;
}
.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: "Raleway", sans-serif;
  font-weight:600;
  color: #000000;
  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: #29C684;
   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: 24px;
    right: 50px;
  }
}
div.mpStyle .mp_sticky_area.mpSticky {
    position: relative !important;
    top: 0 !important;
}