/*
Theme Name: Live Artist Pro
Theme URI: https://www.theclassictemplates.com/products/portfolio-wordpress-theme
Author: Theclassictemplates
Author URI: https://www.theclassictemplates.com/
Description: Premium Portfolio WordPress Theme is a theme all creatives need to display their work to potential clients. Be it writers, designers, illustrators, cartoonists, web developers, photographers, architects, fashion designers, or marketing and advertising professionals, if you have a portfolio to show, this theme is all you need. Tell your clients about what you do and yourself under “About Me” as it becomes your call-to-action (CTA) tool. With sleek, modern design layouts, well-structupink configuration, this theme is cross-platform and all-browsers compatible, making it responsive. The bug and breach free theme reassures for a faster loading website that won’t keep your clients waiting for pages to load.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: live-artist-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featupink-images, full-width-template, sticky-post, theme-options, threaded-comments
developed by Theclassictemplates(Theclassictemplates.net), 2023.
Live Artist Pro WordPress Theme is released under the terms of GNU GPL
/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Kalam:wght@300;400;700&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


:root {
  --white: #ffffff;
  --black: #000000;
  --pink: #FE3766;
  --blue: #8B3FFE;
  --blackk: #222120;
}
:root {
  --pri-font: "Roboto";
  --sec-font: "Kalam", cursive;
  overflow: auto;
}
body{
  background-color: #131314 !important;
}
#wpadminbar {
  position: fixed !important;
}
.owl-nav.disabled{
  display: none;
}
.owl-nav .owl-next i:hover, .owl-nav .owl-prev i:hover {
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  color: #fff;
}
.owl-nav .owl-prev i {
  background: #fff;
  color: #000;
}
.owl-nav .owl-next i{
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  color: #fff;
}
.owl-nav .owl-next i,.owl-nav .owl-prev i{
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 6px;
  font-size: 16px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{
  border: none !important;
}
section{
  padding: 3% 0px;
  position: relative;
  z-index: 1;
}
section .container{
  position: relative;
  z-index: 1;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--pri-font);
  overflow-x: hidden;
  background-color:var(--color-white);
  overflow-x: hidden;
  width: 100%;
}
h6{
  font: 500 18px/28px var(--pri-font);
  color: var(--white);
  margin: 0px;
}
h4{
  font: bold 34px / 45px var(--sec-font);
  margin: 0px;
  color: #fff;
}
h5{
  font: 600 28px / 40px var(--pri-font);
  color: #fff;
  margin: 0px;
}
h3,h3 a{
  font: 600 30px / 45px var(--pri-font);
  margin: 0px;
  color: #fff;
}
h2{
  font: normal normal bold 34px / 45px var(--pri-font);
  color: var(--white);
  margin: 0;
}
#reply-title{
  font: 400 35px / 60px var(--sec-font);
  color: #fff;
  margin: 0;
}
h1{
  font: 600 50px/60px var(--pri-font);
  margin: 0px;
  color: #fff;
}
p{
  font: 400 15px / 22px var(--pri-font);
  color: #fff;
  margin: 0;
}
.btn{
  font: 600 15px / 20px var(--pri-font);
  color: #fff;
  background: #000;
  padding: 13px 5px 13px 8px;
  border-radius: 12px;
}
.btn:hover{
  animation: pulse 1s infinite;
  transition: .3s;
}
.sub-head {
  font: 600 20px / 13px var(--sec-font);
  color: var(--pink);
  align-self: end;
}
.icon-img path{
  fill: var(--pink);
}











.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*--------- Site Loader --------------*/
.preloader{
  display: flex;
  background: #FF5F6A;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
}
.preloader .loading-dot{
  width: 15px;
  height: 15px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
              40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  animation: load 3s infinite linear;
}
@keyframes load{
  0% {
      transform: rotate(0deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  25%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  50%{
      box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  70%{
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  75%{
      width:10px;
      height:10px;
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  80%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  85%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  90%{
      background-color: #fff;
      width:10px;
      height:10px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  95%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  100%{
      transform: rotate(360deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
}
.product-content-box {
  background: var(--white);
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d2d0d0;
}
.product-content-box .pro-img img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
}
.product-title a {
  color: #000;
  font: 600 22px / 30px var(--pri-font);
}
.cat-title{
  font: normal normal normal 14px/14px Rubik;
  color: #000;
}
.product-amount {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.product-amount ins {
  text-decoration: none;
}
.product-btn-arrow-box a {
  background-color: var(--pink) !important;
  color: #fff !important;
  font: 600 18px / 20px "Space Grotesk";
  padding: 14px 30px !important;
  border-radius: 8px !important;
  text-transform: capitalize;
}
.cart-btn{
  position: relative;
}
.product-btn-arrow-box .added_to_cart{
  position: absolute;
  top: 0;
  right: 0;
  background-color: #d71515 !important;
  color: #fff !important;
  font: 600 18px / 20px "Space Grotesk";
  padding: 10px 42px !important;
  border-radius: 8px !important;
  text-transform: capitalize;
}
.product-amount del {
  display: none;
}
.product_list_widget .star-rating,.product_list_widget del{
  display: none;
}
.product_list_widget ins{
  text-decoration: none;
  align-self: center;
}


#sidebar .product_list_widget li a {
  display: flex;
  justify-content: left;
  width: 100%;
}
#sidebar .product_list_widget li a img{
  width: 80px;
  height: 60px;
  object-fit: contain;
  margin: 0;
}
#sidebar .product_list_widget li a .product-title{
  align-self: center;
  margin-left: 10px;
}
#sidebar .woocommerce-Price-amount{
  display: none;
}
#sidebar aside {
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 8%;
  border: 1px solid #686868;
  backdrop-filter: blur(90px);
  background-color: rgb(80 80 80 / 10%);
}
.search-form {
  position: relative;
}
#sidebar label {
  width: 100%;
  color: var(--blue);
}
.search-submit {
  font-size: 0;
  border: none;
  background: transparent;
}
.search-form label:before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
  position: absolute;
  top: 1px;
  right: 1px;
  color: #fff;
  background: var(--orange);
  width: 44px;
  line-height: 41px;
  height: 41px;
  border-radius: 0px 6px 6px 0px;
  text-align: center;
  font-size: 14px;
}
#sidebar .search-field {
  border: none;
  padding: 11px 10px;
  border-radius: 6px;
  width: 100%;
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
}
#sidebar input::-webkit-input-placeholder{
  color: var(--white);
}
#sidebar h3::after, #sidebar h2::after,.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge,.wc-block-components-sale-badge{
  display: none !important;
}
#sidebar ul li p {
  color: #fff;
  font: 500 14px / 22px var(--pri-font);
}
#sidebar ul li {
  /* display: flex;
  justify-content: space-between; */
  color: #fff;
  /* margin-bottom: 5px; */
}
#sidebar ul li a {
  color: #fff;
  font-family: var(--pri-font);
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  align-self: center;
}
#sidebar .widget_archive ul li {
  list-style: none;
  list-style-position: inside;
}
#sidebar .widget_categories ul li ,#sidebar .widget_pages  ul li,#sidebar .widget_meta ul li,#sidebar .widget_nav_menu ul li,#sidebar .widget_product_categories ul li {
  list-style: none;
  list-style-position: inside;
  font-weight: 500;
}
#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
.recent-post-box {
  padding-bottom: 4%;
}
.recent-post-box .post-content{
  /* align-self: center; */
}
.recent-post-box .post-thumb{
  height: 70px;
}
.recent-post-box .post-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* about */
.our-records-info {
  border: 1px solid #686868;
  border-radius: 8px;
  padding: 10px;
}
.about-content-para {
  font: 600 15px / 25px var(--pri-font);
}
.about-content-para:after {
  content: '';
  width: 3px;
  height: 100%;
  background: red;
  position: absolute;
  left: -10px;
  top: 0;
  background-image: linear-gradient(to top, var(--blue) , var(--pink));
}
.abt-item {
  -webkit-mask-image: url(assets/images/about/about-shape.png);
  mask-image: url(assets/images/about/about-shape.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  position: relative;
  animation: shake 16s ease infinite;
}

/* blog */
#blog{
  margin-left: 5%;
  border-radius: 5px 0px 0px 5px;
}
section#blog .container{
  margin-left: 170px;
}
.blog-contents-box p a{
  color: #ffffff;
  font: 600 16px / 20px var(--pri-font);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-contents-box {
  padding: 0px 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blog-contents-box .blog-contents-title p a{
  color: #ffffff;
  font: 600 14px / 20px var(--pri-font);
}
.author-image img{
  width: 50px !important;
  height: 50px;
  border-radius: 50px;
  margin: unset !important;
  border: 3px solid #fff;
}
.cat-image-bg a{
  color: #000;
  font: 600 15px / 20px var(--pri-font);
}
.post-img {
  width: auto;
  height: 320px;
}
.blog-img-box .post-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.blog-contents-box .cat-item{
  position: relative;
  color: #fff;
  font: 400 14px / 20px var(--pri-font);
}
.author-admin-box span, .comment-box .post-comments, .latest-news-view, #our-feature p.cat-title a{
  color: #fff;
  text-transform: capitalize;
  font: 500 14px / 14px var(--pri-font);
}
.blog-button-outer-box{
  width: fit-content;
}
.blog-contents-para {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.blog-button-box a {
  color: var(--blue);
  padding: 8px 6px;
  border-radius: 6px;
  font: 600 16px / 25px var(--pri-font);
  z-index: 3;
  position: relative;
  background: #fff;
  letter-spacing: 0;
}
.our-blog-box .owl-carousel .owl-stage{
  margin: 50px 0px;
}
.our-blog-box .owl-carousel .owl-stage .owl-item{
  position: relative;
}
.our-blog-box .owl-carousel .owl-stage .owl-item:nth-child(1),.our-blog-box .owl-carousel .owl-stage .owl-item:nth-child(5),.our-blog-box .owl-carousel .owl-stage .owl-item:nth-child(9){
  top: -30px;
}
.our-blog-box .owl-carousel .owl-stage .owl-item:nth-child(2),.our-blog-box .owl-carousel .owl-stage .owl-item:nth-child(6),.our-blog-box .owl-carousel .owl-stage .owl-item:nth-child(10){
  top: 30px;
}
.our-blog-box .owl-carousel .owl-stage .owl-item:nth-child(3),.our-blog-box .owl-carousel .owl-stage .owl-item:nth-child(7),.our-blog-box .owl-carousel .owl-stage .owl-item:nth-child(11){
  top: -50px;
}
.blog-img-box .date-item{
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
  font: 500 14px / 20px var(--pri-font);
  background: var(--blue);
  padding: 5px;
}

.page .middle-content p,.terms-conditions-para,.custo-para,#membership-page p{
  color: #fff;
  font: 400 15px/25px var(--pri-font);
}
.page-template-default .middle-content{
  padding: 5% 0px;
}
/* products */
#single-product-page #alg_currency_selector{
  display: none;
}
nav.woocommerce-pagination {
  padding: 5% 0px;
}
.shop .products-img-box{
  height: unset;
}
.product-rating-trade-content-box .rating{
  color: #8F8F8F;
  display: flex;
}
.product-rating-trade-content-box i{
  color: #FF993C;
  align-self: center;
}

.our-products-box .owl-nav{
  width: fit-content;
  position: absolute;
  top: -30%;
  right: 1%;
}
.products-img-box img{
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 10px 10px 0px 0px;
}
.product-tag-main-box {
  position: absolute;
  top: 0;
  width: 100%;
}
.product-tag-box {
  top: 0;
  right: 0;
  text-transform: capitalize;
}
.sale-product-tag .onsale{
  font: 400 12px / 13px var(--pri-font) !important;
  background-color: var(--pink) !important;
  color: #fff !important;
  width: fit-content;
  padding: 5px 10px !important;
  border-radius: 2px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  top: 2px !important;
  left: 0px !important;
  position: relative;
}
.product-tag{
  font: 400 12px / 13px var(--pri-font) !important;
  background-color: var(--pink) !important;
  color: #fff !important;
  width: fit-content;
  padding: 4px 10px !important;
  border-radius: 2px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  top: 2px !important;
  left: 2px !important;
}

.products-img-box{
  background: #000;
  border-radius: 10px 10px 0px 0px;
}
.product-custom-content{
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 8px 12px;
  border: 1px solid #686868;
  border-top: 0px;
  border-radius: 0px 0px 8px 8px;
}

.products-content-outer-box:hover .product-custom-content {
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
}
.products-content-main-box:hover .product-icon, table.wishlist_table tr:hover .product-add-to-cart {
  opacity: 1;
}
.woocommerce ul.products li.product .star-rating {
  font-size: 14px;
  color: #FFC107;
}
.wishlist_text,.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor svg.yith-wcwl-icon-svg{
  top: 22px;
}
.cart-btn a, .wishlist-items-wrapper .product-add-to-cart a, .wishlist_table.mobile li .product-add-to-cart a {
  font-size: 0 !important;
  position: relative !important;
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
}
.cart-btn a:before, .wishlist-items-wrapper .product-add-to-cart a:before, .wishlist_table.mobile li .product-add-to-cart a:before {
  text-align: center;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 18px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
}
.yith-wcwl-add-button{
  text-align: center;
}
.cart-btn a:before, .wishlist-items-wrapper .product-add-to-cart a:before, .wishlist_table.mobile li .product-add-to-cart a:before {
  content: "\f07a";
}
.shop.shop-product .woocommerce-ordering, .yith-wcwl-add-button span {
  display: none;
}
.product-content-box:hover .cart-btn, table.wishlist_table tr:hover .product-add-to-cart a {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.product-content-box:hover .wishlist_text {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.yith-wcwl-add-to-wishlist {
  margin: 0px !important;
  padding-left: 5px;
}
.yith-wcwl-add-button a i{
  color: #fff;
  font-size: 18px;
  padding-left: 3px;
  margin: 0;
}
.yith-wcwl-add-button a i:hover,.cart-btn a:hover:before{
  color: var(--blue);
}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon{
  color: red !important;
}
.yith-wcwl-wishlistexistsbrowse .feedback,.yith-wcwl-wishlistaddedbrowse .feedback{
  font-size: 0px;
}
.yith-wcwl-wishlistexistsbrowse a,.yith-wcwl-wishlistaddedbrowse a{
  position: absolute;
left: 0;
font-size: 7px;
opacity: 0;
}
.products-rating-content-box{
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
}
#related-products .products-content-outer-box {
  height: 370px;
}
.products-content-main-box:hover .products-rating-content-box{
  height: 30px;
}
.products-button-content-box .shop-button-box a{
  color: #fff;
  font: 500 15px/20px var(--pri-font);
}
.yith-wcwl-wishlistaddedbrowse:before, .yith-wcwl-wishlistexistsbrowse:before{
 background: var(--pink);
}

/* single product page */

.woocommerce .star-rating span{
  color: #FFC400;
}
.woocommerce div.product .product_title,.woocommerce-Tabs-panel h2{
  font: 600 35px / 60px var(--sec-font);
  color: #fff;
}
.woocommerce-product-details__short-description p,.woocommerce div.product div.summary p{
  color: #fff;
}
#contentwoocom .price span {
  color: #fff;
}
.woocommerce div.product div.images img{
  width: auto !important;
  margin: auto;
  height: 80%;
}
.woocommerce .woocommerce-product-rating .star-rating{
  color: var(--pink);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: linear-gradient(140deg, var(--pink), var(--blue)) !important;
  color: #fff;
}
#review_form input[type="submit"]{
  background: linear-gradient(140deg, var(--pink) , var(--blue)) !important;
  color: #fff !important;
  padding: 12px 20px !important;
}
.single-product .woocommerce-product-gallery .flex-viewport{
  background: #0f0f10;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img{
  position: relative;
  top: 10%;
  object-fit: contain;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image{
  height: 400px;
}
.single-product div.product div.images .flex-control-thumbs li{
  background: #0f0f10;
  position: relative;
  color: #fff;
}
.wc-block-cart-item__quantity button,.is-large.wc-block-cart .wc-block-cart__totals-title,.wc-block-components-totals-coupon .wc-block-components-panel__button,.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper,.wc-block-components-totals-item__label,.wc-block-components-totals-item__value,.is-large.wc-block-cart .wc-block-cart-items{
  color: #fff !important;
}
.single-product div.product div.images .flex-control-thumbs{
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.single-product div.product div.images .flex-control-thumbs li img{
  width: 80px !important;
  height: 80px !important;
  margin: 20% auto;
  object-fit: contain;
}
.woocommerce div.product form.cart {
  margin-bottom: 2em;
  margin-top: 5%;
}
.single-product .custom-quantity,.summary.entry-summary .desc-para:nth-child(6), .summary.entry-summary .desc-para:nth-child(7), .summary.entry-summary .desc-para:nth-child(8), .summary.entry-summary .desc-para:nth-child(8), .summary.entry-summary .desc-para:nth-child(9){
  display: none;
}
.summary.entry-summary .desc-para{
  padding: 30px 0px;
  font: 400 15px / 26px var(--pri-font);
}
.single-product .woocommerce-Price-amount bdi{
  font: 600 20px / 20px var(--pri-font);
}
.shop.shop-product .woocommerce-ordering, .yith-wcwl-add-button span {
  display: none;
}








.our-products-price-box bdi {
  font: 600 22px / 22px var(--pri-font);
  color: #fff;
}
.custom-content h6 a{
  font: 600 18px / 25px var(--pri-font);
}
#woosq-popup .summary-content{
  padding: 6%;
}
#woosq-popup .summary-content .price{
  font: 600 16px / 40px var(--pri-font);
}
.woocommerce div.product form.cart .button{
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  border: none;
  border-radius: 8px;
  width: fit-content;
  height: 45px;
}
.woocommerce div.product form.cart .button:hover{
  background-image: linear-gradient(140deg, var(--blue), var(--pink));
}
#woosq-popup h1 {
  font: 600 35px / 50px var(--pri-font);
}
#woosq-popup .thumbnail img{
  width: 50%;
  margin: auto;
  background: #f4f4f4;
  padding: 40px;
}
.wc-block-cart-items {
  box-shadow: 0px 0px 3px 0px #dddddd;
  border-radius: 10px;
  padding: 10px;
}
.wc-block-cart-items thead{
  /* box-shadow: 0px 1px 1px 0px #dddddd;
  border-radius: 10px 10px 0px 0px; */
}
.wp-block-woocommerce-cart-order-summary-block {
  box-shadow: 0px 0px 3px 0px #dddddd;
  border-radius: 10px;
  padding: 10px;
}
.is-large.wc-block-cart .wc-block-cart-items th, .is-large.wc-block-cart .wc-block-cart__totals-title {
  font: 500 18px / 20px var(--pri-font) !important;
  text-transform: capitalize !important;
  color: #fff;
}
.wc-block-components-product-name {
  font: 600 20px / 20px var(--pri-font) !important;
  color: #fff !important;
}
.wc-block-components-product-details.wc-block-components-product-details li {
  margin-left: 0;
  color: #fff !important;
}
.wc-block-components-checkout-return-to-cart-button{
  color: #fff !important;
  font: 500 14px / 20px var(--pri-font);
  background: linear-gradient(140deg, var(--pink), var(--blue));
  border-radius: 5px;
  padding: 10px 10px 10px 30px;
  width: 23%;
  margin: auto;
  text-align: center;
  margin-right: 10px;
}
.wc-block-components-product-price{
  font: 600 16px / 20px var(--pri-font) !important;
  color: #fff;
}
.wc-block-components-button__text {
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  color: #fff;
  padding: 8px 15px;
  border-radius: 4px;
  font: 500 14px / 20px var(--pri-font);
  margin-top: 30px;
  opacity: 1 !important;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{
  display: block !important;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
  background: none;
  width: auto;
}
.woocommerce-Tabs-panel--description .desc-para{
  font: 400 16px / 25px var(--pri-font);
}
.wc-block-components-totals-coupon__form .wc-block-components-button__text{
  margin: 0;
}
.wc-block-components-totals-coupon__form .wc-block-components-button{
  border: none;
}
.wc-block-checkout__actions_row .wc-block-components-button .wc-block-components-button__text {
  margin: 0;
}
.wc-block-checkout__actions_row .wc-block-components-button {
  border: none;
  background: transparent;
  padding: 0 !important;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row{
  padding: 16px 20px;
}
.wc-block-components-main form{
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 30px;
}
.wc-block-cart .wc-block-cart__submit-container--sticky:before {
  box-shadow: 0 1px 6px 0px currentColor !important;
}
.wc-block-components-checkbox label,.wc-block-checkout__terms span,.wc-block-components-address-form__address_2-toggle,.wc-block-components-order-summary__button-text,.wc-block-components-panel__content{
  color: #fff !important;
}
.wc-block-checkout__actions_row{
  width: fit-content;
  margin: auto;
}
.is-large .wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid #fff !important;
  border-radius: 10px !important;
  padding: 30px;
  position: relative;
  top: -8px;
}
.wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #fff !important;
  border-radius: 10px !important;
}
.single-product .custom-quantity-select{
  border: none;
  width: 60px;
  height: 35px;
  border: 1px solid #dcdcdc;
  background: transparent;
  padding: 0;
  margin-left: 5px;
}
#single-product-page .entry-summary .yith-wcwl-add-to-wishlist{
  position: relative;
  top: -72px;
  left: 130px;
  width: fit-content;
}
#single-product-page .entry-summary .product_meta{
  position: relative;
  top: -50px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#single-product-page  #reviews #comments ol.commentlist li .comment-text .description p,#single-product-page .entry-content p{
  color: #fff;
}
#wp-comment-cookies-consent{
  align-self: baseline;
  top: 4px;
  position: relative;
}
#single-product-page .entry-summary .product_meta .posted_in,#single-product-page .entry-summary .product_meta .tagged_as{
  font: 500 16px/20px var(--pri-font);
}
#single-product-page .entry-summary .product_meta .posted_in a,#single-product-page .entry-summary .product_meta .tagged_as a{
  font: 400 14px/20px var(--pri-font);
}
#single-product-page .entry-summary .product form.cart{
  width: fit-content;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse:before, #single-product-page .entry-summary .yith-wcwl-wishlistexistsbrowse:before,#single-product-page .entry-summary  .yith-wcwl-add-button a.add_to_wishlist:before, #single-product-page .entry-summary  .yith-wcwl-wishlistaddedbrowse:before, #single-product-page .entry-summary  .yith-wcwl-wishlistexistsbrowse:before{
  display: none;
}
#single-product-page .entry-summary .yith-wcwl-add-button a.add_to_wishlist i {
  border: 2px solid var(--pink);
  font-weight: 500;
  color: var(--pink);
  font-size: 20px;
  text-align: center;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: unset !important;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse a,#single-product-page .entry-summary .yith-wcwl-wishlistexistsbrowse a{
  position: unset;
}
#single-product-page .entry-summary .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
  color: pink;
  font-size: 20px;
  border: 2px solid var(--pink);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  text-align: center;
}
.single-product #contentwoocom .quantity input[type="number"]{
  display: none;
}




/* form css */
#review_form form{
  display: flex;
  flex-wrap: wrap;
  background: var(--white);
  padding: 3%;
  border-radius: 10px;
  width: 100%;
  background: transparent;
  border: 1px solid #686868;
  gap: 15px;
}
#reviews .comment-form-author {
  order: 1;
  width: 100%;
}
#reviews .comment-form-email {
  order: 2;
  width: 100%;
}
#reviews .comment-form-cookies-consent {
  order: 3;
  width: 100%;
}
#respond p.form-submit {
  order: 4;
  width: 100%;
  padding-top: 5%;
}
.single-product #respond p.form-submit{
  padding-top: 0%;
}

.yith-wcwl-add-to-wishlist-button svg{
  color: #fff !important;
  border-radius: 50px;
  border: 2px solid #fff;
  padding: 4px;
  width: 60px !important;
  height: 35px;
}
.yith-wcwl-add-to-wishlist-button-icon{
  color: red !important;
}
.yith-wcwl-add-to-wishlist-button__label{
  display: none;
}
.woocommerce #reviews #comments ol.commentlist{
  padding-top: 3%;
  padding-left: 0%;
}
#reviews .comment-form-rating {
  order: 4;
  width: 100%;
  display: flex;
  color: #949494;
  font: normal normal normal 13px / 19px var(--pri-font);
}
#reviews .comment-notes{
  display: none !important;
}
#reviews .comment-form-comment {
  order: 3;
  width: 100%;
}
.woocommerce #review_form #respond p{
  margin: 0px;
  align-self: center;
}
#header_navigation ::placeholder{
  color: pink !important;
}















/* wishlist page  */
.woocommerce-wishlist .shop_table.wishlist_table {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
}
.wishlist-page-image-box {
  width: 275px;
}
.product-thumbnail {
  max-width: 100% !important;
  height: auto;
}
.woocommerce img, .woocommerce-page img {
  height: auto;
  max-width: 100%;
}
.woocommerce a.remove {
  background: #f7f7f7;
  color: #F38686 !important;
  font-size: 19px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 20px 12px 25px 25px;
}
.yith_wcwl_wishlist_footer,.woocommerce-breadcrumb{
  display: none;
}
.wpcf7 form .wpcf7-response-output{
  /* position: absolute; */
  bottom: 0;
  color: #fff;
}


.wc-block-grid,.wp-block-woocommerce-empty-cart-block{
  margin-top: 4%;
}
.wp-block-woocommerce-cart .wc-block-grid__product-rating,.wp-block-woocommerce-cart .yith-wcwl-add-to-wishlist{
  display: none;
}
.wc-block-grid__product-title{
  font: 500 18px / 20px Rubik !important;
  color: #000;
}
.wc-block-grid__product-add-to-cart.wp-block-button a {
    background: var(--pink);
    color: #fff;
    font: 400 14px / 20px var(--pri-font) !important;
    border-radius: 4px;
    padding: 8px 16px;
}
.wc-block-grid__products {
  background-clip: padding-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0px;
  justify-content: space-between;
}
.wc-block-grid__product.wc-block-grid__product {
  background: #fff;
  box-shadow: 0px 0px 50px 0px #cacaca;
  box-sizing: border-box;
  width: 100%;
  max-width: 315px !important;
  border-radius: 8px;
}




/* woocomerce login page */
.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active{
  border: 1px solid var(--pink) !important;
  background: #fff !important;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active a{
  color: var(--pink) !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul li{
  background: var(--pink) !important;
}
.woocommerce-info{
  border-color: var(--pink) !important;
}
button.woocommerce-Button.button,.woocommerce-Button{
  border: none;
  background: var(--pink);
  color: #fff;
  padding: 6px 14px;
  border-radius: 6px;
  font: 600 14px/20px var(--pri-font);
}
.woocommerce .col2-set, .woocommerce-page .col2-set{
  display: flex;
  flex-direction: column;
}
.woocommerce-account .addresses .title .edit {
    float: left !important;
}





/* ----------Gallery Section------------- */
.gallery_front li:hover .icon_overlay{
  border-radius: 10px !important;
}
#gallery .gallery_front {
  display: grid;
  grid-template-columns: repeat(12, 1fr); /* 12 equal columns */
  grid-template-rows: repeat(11, 28px);  /* 11 rows of 28px each */
  gap: 10px;
  padding: 0px 20px;
}

#gallery .gallery_front li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

#gallery .gallery_front li {
  width: 100%;
  height: 100%;
  position: relative;
}
#gallery .gallery_front li:nth-child(1){
  grid-row-start: 1;
  grid-row-end: 7;
  grid-column-start: 1;
  grid-column-end: 4;
}
#gallery .gallery_front li:nth-child(2){
  grid-row-start: 1;
  grid-row-end: 7;
  grid-column-start: 4;
  grid-column-end: 10;
}
#gallery .gallery_front li:nth-child(3){
  grid-column-start: 10;
  grid-column-end: 13;
  grid-row-start: 1;
  grid-row-end: 7;
}
#gallery .gallery_front li:nth-child(4){
  grid-row-start: 7;
  grid-row-end: 12;
  grid-column-start: 1;
  grid-column-end: 5;
}
#gallery .gallery_front li:nth-child(5){
  grid-row-start: 7;
  grid-row-end: 12;
  grid-column-start: 5;
  grid-column-end: 9;
}
#gallery .gallery_front li:nth-child(6){
  grid-row-start: 7;
  grid-row-end: 12;
  grid-column-start: 9;
  grid-column-end: 13;
}

/* pricing plan */
.pricing-plan-icon-image{
  width: 80px;
  height: 80px;
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  padding: 12px;
  border-radius: 10px;
}
.pricing-plan-icon-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pricing-plan-box{
  width: max-content;
  margin: auto;
}
.pricing-plan-btn-box a{
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  color: #fff;
  font: normal normal normal 15px / 28px Roboto;
  padding: 6px 25px;
  border-radius: 6px;
}
.pricing-plan-inner-box:hover .pricing-plan-btn-box a{
  background-image: linear-gradient(140deg, var(--blue), var(--pink));
}
.pricing-plan-inner-box{
  border: 1px solid #686868;
  border-radius: 10px;
  padding: 40px 0px;
}

/* testimonial */
.testimonial-post-box #pills-tab{
  height: 328px;
  overflow-y: scroll;
  overflow-x: hidden;
  direction: rtl;
  display: block;
}
.testimonial-post-box #pills-tab li{
  direction: ltr;
  margin: 0px 0px 10px 12px;
}
.testimonial-post-box .nav-pills .nav-link.active{
  color: #fff;
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  border: none;
}
.testimonial-post-box .nav-pills .nav-link{
  border: 1px solid #fff;
  width: 100%;
  border-radius: 8px;
  padding: 0px;
}
.testi-image{
  width: 140px;
  height: 100px;
}
.testi-image img{
  border-radius: 8px 0px 0px 8px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.testimonial-post-box #pills-tab::-webkit-scrollbar {
  width: 10px;
  height: auto;
}
.testimonial-post-box #pills-tab::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.testimonial-post-box #pills-tab::-webkit-scrollbar-thumb {
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  border-radius: 10px;
}
.testimonial-post-box .tab-content>.active{
  background: #fff;
  color: #000;
  padding: 40px 28px;
  border-radius: 20px;
  width: 100%;
}
.testimonial-post-box .tab-pane{
  position: relative;
}
.testimonial-post-box .tab-pane:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -45px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-right: 47px solid #fff;
  top: 0;
  bottom: 0;
  height: fit-content;
  margin: auto;
}
.testimonial-contents p{
  color: #000;
  text-align: center;
  font: 400 16px / 30px var(--pri-font);
}
.testimonial-post-box #pills-tabContent{
  display: flex;
  justify-content: end;
}
.testimonial-post-box .testi-rating i {
  color: #FFC400;
}
/* performance */
.social-performance-info{
  border: 1px solid #686868;
  border-radius: 8px;
  padding: 10px 20px;
}
.social-performance-info .social-icon{
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.social-performance-info .social-icon img{
  height: auto;
  width: auto;
  object-fit: contain;
}
#Live_Performance{
  z-index: 2;
}
.performance-outer-image-box img{
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
}
.performance-video-box{
  width: fit-content;
  margin: auto;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  height: fit-content;
  left: 0;
  right: 0;
}
.performance-video-box i {
  width: 65px;
  height: 65px;
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  border-radius: 50px;
  line-height: 65px;
  font-size: 25px;
  color: #fff;
  animation: pulse 2s infinite ease-in-out alternate;
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}



/* blog */
.collectionbox-text i{
  color: #fff;
}
.blog-admin, .post-comments {
  color: #fff;
  font: 400 15px / 22px var(--pri-font);
}
.blog-btn a{
  font: 500 16px/30px Roboto;
  color: #fff;
}
.blog-img-outer{
  height: 240px;
}
.blog-img-outer img{
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0px 0px;
  object-fit: cover;
}
.collectionbox-text{
  padding: 20px 20px;
  border: 1px solid #686868;
  border-top: 0px;
  border-radius: 0 0 10px 10px;
}
.collectionbox-text h6 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-date-box {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.post-month-outer{
  color: #fff;
  font: normal normal bold 22px / 25px var(--pri-font);
  background: linear-gradient(140deg, var(--pink) , var(--blue));
  text-align: center;
  padding: 4px 12px;
  border-radius: 8px;
}
.post-month-outer .post-date{
  font: normal normal bold 26px / 30px var(--pri-font);
}
.about-btn-box a{
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  color: #fff;
  font: normal normal normal 16px / 28px var(--pri-font);
  padding: 10px 20px;
  border-radius: 6px;
}
.about-btn-box a:hover {
  background-image: linear-gradient(140deg, var(--blue), var(--pink));
}
.newsinner.blog-detail:hover .collectionbox-text{
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  border-radius: 0px 0px 10px 10px;
}

/* contact */
#our-contact{
  margin-right: 5%;
  border-radius: 0px 4px 4px 0px;
}
#our-contact .container{
  padding-left: 3%;
}
.contact-outer-image-box img{
  height: 100%;
  object-fit: cover;
}
#our-contact .wpcf7 input[type="text"], #our-contact .wpcf7 input[type="email"], #our-contact .wpcf7 textarea ,#our-contact .wpcf7 input[type="tel"] {
  border-bottom: 1px solid #fff !important;
  color: #000 !important;
  width: 100% !important;
  margin: 20px 0px 0px 0px !important;
  border: none;
  border-radius: 0px;
  padding: 0px 10px 20px 10px;
}
#contact input::-webkit-input-placeholder{
  color:#fff;
}
#contact input.wpcf7-form-control.wpcf7-submit.has-spinner{
  font: 600 15px / 25px var(--pri-font);
  color: var(--white);
  padding: 10px 10px 10px 10px;
}
#contact form .contact-btn p:hover input.wpcf7-form-control.wpcf7-submit.has-spinner{
  color: #fff !important;
}
#contact form .contact-btn p:hover{
  background: var(--pink);
}
#contact form .contact-btn p:hover:nth-child(1)::before{
  background: var(--white);
}
#contact form .contact-btn p:hover:nth-child(1)::after{
  color: var(--pink);
}
#contact form .contact-btn p {
  position: relative;
  width: max-content;
  padding: 0px 15px;
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  border-radius: 6px;
}
#our-contact  form .text-box:nth-child(1) input{
  margin: 0px !important;
}
#contact form .contact-btn p:nth-child(1)::before {
  /* content: '';
  color: #fff;
  font-size: 14px;
  background: #fff;
  border-radius: 5px;
  line-height: 17px;
  text-align: center;
  margin-right: 0px;
  position: absolute;
  right: 6px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  top: 5px;
  z-index: 1; */
}
#contact form .contact-btn p:nth-child(1)::after {
  /* content: "\f061";
  font-family: 'FontAwesome';
  color: var(--blue);
  font-size: 18px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  right: 0px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  top: 5px;
  z-index: 1;
  transform: rotate(-45deg); */
}


/* faq */
#our-faq .wpcf7 input[type="text"], #our-faq .wpcf7 input[type="email"], #our-faq .wpcf7 textarea, #our-faq .wpcf7 input[type="tel"]{
  border: 1px solid var(--blue);
  width: 100% !important;
  margin: 10px auto !important;
}
.accordion .accordion-button:not(.collapsed){
  color: #fff;
  margin: 0;
  padding-bottom: 0;
  border: none;
  box-shadow: none;
}
.accordion .accordion-item,.accordion .accordion-button {
  background-color: transparent !important;
  border: none;
  margin-bottom: 10px;
  border-radius: 6px;
  color: #fff;
  position: relative;
  font: 600 15px/18px var(--pri-font);
}
.accordion .accordion-item:before{
  content: '';
  position: absolute;
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  opacity: 0.7;
  border-radius: 6px;
  color: #fff;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.accordion .accordion-body{
  font: 400 14px/18px var(--pri-font);
  padding: 10px 20% 15px 20px;
}
.accordion .accordion-button.collapsed {
  padding: 20px 15px 20px 15px;
}
.faq-outer-form-box > p:nth-child(1){
  color: var(--white);
  font: 600 18px / 20px var(--pri-font);
}
.accordion .accordion-button:not(.collapsed)::after {
  font-family: 'Font Awesome 5 Free';
  background-image: none !important;
  transform: rotate(-180deg);
  content: '\f067';
  font-size: 16px;
}
.accordion .accordion-button::after{
  background-image: none !important;
  content: '\f068';
  font-family: 'Font Awesome 5 Free';
}
#our-faq form .faq-btn p {
  position: relative;
  width: max-content;
  padding: 0px 7% 0px 1px;
  background: var(--blue);
  border-radius: 6px;
}
#our-faq input.wpcf7-form-control.wpcf7-submit.has-spinner {
  font: 600 15px / 25px var(--pri-font);
  color: var(--white);
  padding: 10px 10px 10px 10px;
}
#our-faq form .faq-btn p:nth-child(1)::before {
  content: '';
  color: var(--blue);
  font-size: 14px;
  background: var(--white);
  border-radius: 5px;
  line-height: 17px;
  text-align: center;
  margin-right: 0px;
  position: absolute;
  right: 6px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  top: 5px;
  z-index: 1;
}
#our-faq form .faq-btn p:nth-child(1)::after {
  content: "\f061";
  font-family: 'FontAwesome';
  color: var(--blue);
  font-size: 18px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  right: 0px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  top: 5px;
  z-index: 1;
  transform: rotate(-45deg);
}

#our-faq .faq-btn p:hover input.wpcf7-form-control.wpcf7-submit.has-spinner{
  color: #fff !important;
}
#our-faq .faq-btn p:hover{
  background: var(--pink);
}
#our-faq .faq-btn p:hover:nth-child(1)::before{
  background: var(--white);
}
#our-faq .faq-btn p:hover:nth-child(1)::after{
  color: var(--pink);
}


#our-faq input::-webkit-input-placeholder,#our-faq textarea::-webkit-input-placeholder{
  color: var(--blue) !important;
}
.about-right-col:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  background: var(--blue);
  opacity: 0.7;
  width: 100%;
  height: 100%;
  z-index: 0;
  right: 0;
  left: 0;
  margin: auto;
}
#accordionExample .accordion-item{
  position: relative;
}
#accordionExample .accordion-item:nth-child(1)::after{
  content: '';
  position: absolute;
  top: 50px;
  left: -50px;
  background: var(--pink);
  width: 100px;
  height: 100px;
  z-index: -2;
  border-radius: 50px;
  -webkit-animation: sp 4s linear infinite;
  animation: sp 4s linear infinite;
}
#accordionExample .accordion-item:nth-child(6)::after{
  content: '';
  position: absolute;
  top: -22px;
  right: -20px;
  background: var(--pink);
  width: 40px;
  height: 40px;
  z-index: -2;
  border-radius: 50px;
  -webkit-animation: sp 4s linear infinite;
  animation: sp 4s linear infinite;
}
#accordionExample{
  position: relative;
}
#accordionExample:before{
  content: '';
  position: absolute;
  top: -5px;
  right: -25px;
  background: var(--pink);
  width: 50px;
  height: 50px;
  z-index: -2;
  border-radius: 50px;
  -webkit-animation: sp 4s linear infinite;
  animation: sp 4s linear infinite;
}
.faq-outer-content-box{
  padding: 20px 0px;
}








@keyframes sp{
  0% {
    transform: translate(0px, 0px);
  }
  65% {
      transform: translate(10px, 10px);
  }
  100% {
      transform: translate(0, -0px);
  }
}
@keyframes pumpkinFloat{
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
      transform: translateY(-10px) rotate(-5deg);
  }
  50% {
      transform: translateY(10px) rotate(5deg);
  }
  75% {
      transform: translateY(-5px) rotate(-2deg);
  }
}
.blog-image-box .post-img{
  position: relative;
}
.blog-image-box .post-img:after, .blog-image-box .post-img:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale3d(0, 0, 1);
  transition: transform 0.3s ease-out 0s;
  background: rgb(74 75 133 / 15%);
  content: "";
  pointer-events: none;
  border-radius: 8px;
}
.blog-image-box .post-img::after,.blog-image-box .post-img::before {
  transform-origin: right bottom;
}
.blog-image-box:hover .post-img::before, .blog-image-box:hover .post-img::after {
  transform: scale3d(1, 1, 1);
}

/* single event */
#singleEvent .meta-show-month, #singleEvent .show-time-title, #singleEvent .event-map-title {
  color: #fff;
  width: max-content;
  padding-right: 30px;
}
#singleEvent .meta-show-month i,#singleEvent .show-time-title i,#singleEvent .event-map-title i{
  color: var(--pink);
}
.event-image-box img {
  width: auto;
  margin: auto;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.event-meta-social-share p{
  font: 600 18px / 22px var(--pri-font);
  align-self: center;
}
.event-meta-social-share a {
  margin-left: 10px;
}
.event-meta-social-share a i{
  background: var(--pink);
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
  font-size: 18px;
}
.mep-default-sidrbar-events-schedule ul li i, .mep-ev-start-date, h3.mep_list_date i, .df-ico i, .mep-default-sidrbar-address ul li i, .mep-default-sidrbar-social ul li a, button.mep-cat-control, .pagination-sec a, .mep-tem3-title-sec.mep_single_date_btn,#mep_add_calender_button.mep-add-calender, .mep_event_list .mep_list_date, .mep-event-theme-1 .mep-social-share li a, .mep-template-2-hamza .mep-social-share li a{
  background-image: linear-gradient(140deg, var(--pink), var(--blue)) !important;
}
.mep-default-sidrbar-events-schedule h3 i,div.mep-default-feature-content p, div.mep-default-feature-content ul, div.mep-default-feature-content ul li,.mep-default-title h2, .section-heading h2,.mep-events-wrapper table td,.mep_event_list .mep_list_date{
  color: #fff !important;
}
.mep-default-sidebar .df-sidebar-part{
  margin-top: 60px !important;
}
div.df-dtl p,span.mep_date_scdl_start_datetime,.mep-events-wrapper .mage_input_group input, span.mep_date_scdl_end_datetime,.mep-default-sidrbar-address ul li span,.mep-default-sidrbar-price-seat h5{
  color: #000 !important;
}
.mep-default-sidrbar-events-schedule h3 i {
  margin: 1;
  font-size: auto;
  font-size: auto;
  margin: ;
  color: #fff !important;
  background: linear-gradient(140deg, var(--pink), var(--blue)) !important;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  margin: 0px 10px 0px 20px;
  padding: 0 !important;
}
.df-sidebar-part .df-seat{
  text-align: left;
  padding-left: 15px;
}
#mep_add_calender_button.mep-add-calender{
  padding: 10px 15px !important;
}
#mep_add_calender_button, ul#mep_add_calender_links li a,.mep-default-feature-cart-sec h3{
  background: linear-gradient(140deg, var(--pink), var(--blue)) !important;
}
.mep-month {
  background: transparent;
}
.mep_event_list_item .mep-list-header:before{
  border-color: linear-gradient(140deg, var(--pink), var(--blue)) !important;
}
.mep_events-template-default #header_navigation{
  position: unset;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
  z-index: 0;
}
.woocommerce-review-link,.default_theme .event-expire-btn{
  color: #fff;
}
.wishlist-item-wrapper{
  position: relative;
}
.wishlist-item-wrapper .product-name a{
  color: #fff !important;
}


/* event page */
.event-page .event-date-box {
  position: absolute;
  top: 0;
  left: 20px;
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  padding: 10px 20px;
  color: #fff;
  border-radius: 0px 0px 8px 8px;
  font: 800 16px / 20px var(--pri-font);
  text-align: center;
}
.event-page .collectionbox{
  background-color: rgb(200 200 200 / 5%);
  border: 1px solid #686868;
  border-radius: 10px;
}
.event-page-btn-box a{
  color: #fff;
  background: linear-gradient(140deg, var(--pink), var(--blue));
  padding: 12px 30px;
  border-radius: 6px;
  font: 500 15px / 20px var(--pri-font);
}
.event-page .event-content{
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.event-page .event-img-outer img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px 0px 0px 10px;
}
.event-page .event-content h6 {
  font: 500 25px / 30px var(--pri-font);
}


/* album */
.swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 35% !important;
  height: 300px;
}
.swiper-slide img {
  display: block;
  width: 100%;
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
}
.swiper-inner-image-box {
  position: absolute;
  top: 0;
  width: 250px;
  height: 200px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 2px solid #fff;
  border-radius: 8px;
  z-index: 1;
}
.swiper-inner-image-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.swiper-wrapper h5 {
  font: 600 22px / 40px var(--pri-font);
}
.swiper-slide-active,.swiper-slide-prev,.swiper-slide-next {
  position: relative;
  height: 400px !important;
}
.swiper-slide-active:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  top: 0;
  z-index: 0;
}
.swiper-slide-prev:after, .swiper-slide-next:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-image: linear-gradient(140deg, var(--pink), var(--blue));
  z-index: 0;
  filter: opacity(0.4);
  border-radius: 10px;
}
.swiper-slide-prev .swiper-inner-image-box,.swiper-slide-next .swiper-inner-image-box{
  display: none;
}
.swiper-inner-image-date{
  font: 500 16px / 20px Roboto;
  color: #fff;
}
.swiper-button-next, .swiper-button-prev {
  font-size: 15px !important;
  height: 35px !important;
  width: 35px !important;
  line-height: 35px;
  padding: 20px !important;
  border-radius: 5px !important;
  bottom: -5% !important;
  top: unset !important;
  margin: 0 auto;
}
.swiper-button-next {
  right: -5% !important;
  left: 0px !important;
  background: linear-gradient(140deg, var(--pink), var(--blue));
  color: #fff !important;
}
.swiper-button-prev {
  left: -2% !important;
  right: 0 !important;
  background: #fff;
  color: #000 !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 14px !important;
  font-weight: 900 !important;
  top: 2px;
  position: relative;
}
.swiper-button-prev:hover{  
  background: linear-gradient(140deg, var(--pink), var(--blue));
  color: #fff !important;
}



@media screen and (max-width: 1920px) and (min-width: 1600px){
  .pricing-plans-outer-box .owl-carousel .owl-stage-outer {
    padding: 1px;
  }
}
@media screen and (max-width:1399px){
  .swiper-button-next, .swiper-button-prev{
    bottom: 0% !important;
  }
  .swiper-button-next {
    right: -6% !important;
  }
  .swiper-button-prev {
    left: -5% !important;
  }
  .newsletter-form form{
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px){
  .stickynavbar .header-nav-main-box {
    backdrop-filter: blur(90px);
  }
}

@media screen and (max-width: 1023px){
  .swiper-slide-active, .swiper-slide-prev, .swiper-slide-next {
    position: relative;
    height: auto !important;
  }
}
@media screen and (max-width: 1199px){
  h1 {
    font: 600 42px / 60px var(--pri-font);
  }
  h2 {
    font: normal normal bold 30px / 45px var(--pri-font);
  }
  .testimonial-contents p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .banner-review-box{
    width: fit-content;
    margin: auto;
  }
  .about-heading-box .main-head{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .about-content-para {
    font: 600 14px / 25px var(--pri-font);
  }
  .collectionbox-text {
    padding: 20px 10px;
  }  
  .blog-btn a {
    font: 500 14px / 30px Roboto;
  }
  .blog-admin, .post-comments{
    font: 400 12px / 22px var(--pri-font);
  }
  .newsletter-content-main {
    padding: 0px 5% 0px 23%;
  }
  h6 {
    font: 500 18px / 28px var(--pri-font);
  }
  #footer_box .custom-social-icons i {
    width: 27px;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
  }
  .testimonial-post-box .tab-pane:after{
    left: -20px;
  }
}
@media screen and (min-width: 992px) and (max-width:1023px){
  .swiper-inner-image-box {
    position: absolute;
    top: -30px !important;
    width: 250px !important;
    height: 180px !important;
  }
}
@media screen and (max-width: 991px){

  .swiper-button-next, .swiper-button-prev{
    bottom: -6% !important;
    height: 25px !important;
    width: 25px !important;
    line-height: 25px;
    padding: 5px !important;
  }
  .swiper-button-next {
    right: -6% !important;
  }
  .swiper-button-prev {
    left: -5% !important;
  }
  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 10px !important;
    font-weight: 900 !important;
    top: 0px;
    position: relative;
  }
  .woocommerce-checkout .wc-block-components-sidebar{
    display: none;
  }
  .wc-block-components-title.wc-block-components-title{
    padding-left: 30px !important;
  }
  .header-nav-main-box{
    padding: 10px 0px;
  }
  .banner-sec-para{
    margin: auto;
  }
  .banner-btn-box{
    justify-content: center;
  }
  section {
    padding: 4% 0px;
  }
  .banner-social-icon-box{
    left: -23%;
  }
  .our-products-box .owl-nav{
    position: unset;
    margin: auto;
    padding-top: 5%;
  }
  #newsletter_slider:after{
    inset: 0% 0% 0% 0%;
  }
  .newsletter-content-main {
    padding: 0px 5% 0px 15%;
  }
  #header_navigation{
    padding: 10px;
  }
  .home #header_navigation{
    position: unset;
  }
  .swiper-inner-image-box {
    width: 130px !important;
    height: 130px !important;
  }
  .swiper-wrapper h5 {
    font: 600 14px / 20px var(--pri-font) !important;
  }
  .testimonial-post-box #pills-tab {
    height: 285px;
  }
  .testimonial-contents p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .our-products-box .owl-nav{
    top: -15%;
  }  
  #footer_box .widget-title{
    margin-bottom: 5%;
  }
  .products-content-outer-box .product-custom-content {
    background-image: linear-gradient(140deg, var(--pink), var(--blue));
  }
}

@media screen and (max-width:767px){
  .event-page .event-img-outer img{
    border-radius: 10px 10px 0px 0px !important;
  }
  .newsletter-form form p:nth-child(2){
    width: 100%;
  }
  .newsletter-form form{
    gap: 15px;
    justify-content: center;
  }
  .modal-contents{
    width: 95% !important;
  }
  .banner-artist-image{
    width: fit-content;
  }
  .newsletter-content{
    width: 80%;
    margin: auto;
  }
  .newsletter-content-main {
    padding: 0px 5% 0px 5%;
  }
  section{
    padding: 10% 0px;
  }
  .banner-artist-image-outer-box:after{
    /* left: -10px; */
    top: 15px;
  }
  .banner-artist-image-outer-box{
    width: 90%;
    margin: auto;
    transform: rotate(0deg);
    left: 15px;
  }
  .banner-btn-box,.about-btn-box,.event-post-content-inner-box{
    justify-content: center !important;
  }
  .banner-social-icon-box{
    display: none !important;
  }
  .event-content{
    text-align: center;
  }
  .event-content-date-box{
    border-radius: 10px 10px 0px 0px;
  }
  h2 {
    font: normal normal bold 28px / 35px var(--pri-font);
  }
  .swiper-inner-image-box{
    width: auto !important;
    height: auto !important;
  }
  .event-outer-box {
    height: 385px;
  }
  .testimonial-post-box #pills-tab {
    height: 318px;
  }
  .testimonial-post-box .tab-pane:after{
    display: none;
  }
  .newsletter-content-main {
    padding: 0px 2% 0px 2%;
  }
  .footer1 aside .textwidget p,#footer_box .widget_wpb_social_widget {
    margin: auto;
    justify-content: center;
  }
  #footer_box .widget-title,.footer1{
    text-align: center;
  }
  #footer_box .widget-title{
    margin-bottom: 2%;
  }
  ul#menu-footer-menu-1{
    width: fit-content;
    margin: auto;
  }
  .footer-contact-box{
    margin: auto;
    text-align: center;
  }
  .location {
    margin: auto;
  }
  
  .swiper-wrapper h5 {
    font: 600 11px / 11px var(--pri-font) !important;
  }
  .swiper-inner-image-date {
    font: 500 12px / 15px Roboto !important;
  }
  .swiper-inner-image-box {
    width: 130px !important;
    height: 120px !important;
  }
  .swiper-inner-image-box{
    top: -15px !important;
  }
  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 10px !important;
    font-weight: 900 !important;
    top: 0px;
    position: relative;
  }
  .swiper-button-next, .swiper-button-prev{
    bottom: -9% !important;
    height: 25px !important;
    width: 25px !important;
    line-height: 25px;
    padding: 5px !important;
  }
  .swiper-button-next {
    right: -10% !important;
  }
  .swiper-button-prev {
    left: -8% !important;
  }


}

@media screen and (max-width:575px){
  .header-nav-main-box{
    padding: 0px 15px;
  }
  .header-nav{
    text-align: end;
  }
  .banner-sec-para{
    display: none;
  }
  #gallery .gallery_front{
    grid-template-rows: repeat(11, 10px);
  }
  .social-performance-info{
    width: fit-content;
    margin: auto;
    padding: 10px 10px;
  }
  .testimonial-post-box .tab-content>.active{
    padding: 20px 6px;
  }
}

@media screen and (max-width:480px){
  .review-text p {
    font: 500 14px / 16px Roboto;
  }
  .search-container{
    bottom: -55px;
    right: 10%;
  }
  .swiper-wrapper h5 {
    font: 600 10px / 11px var(--pri-font) !important;
  }
  .swiper-inner-image-date {
    display: none;
    font: 500 12px / 15px Roboto !important;
  }
  .swiper-inner-image-box {
    width: 90px !important;
    height: 70px !important;
  }
  /* .swiper-slide > img   {
    display: none !important;
  }
  .swiper-inner-image-box{
    position: relative !important;
    border: none !important;
  } */
}

@media screen and (max-width:400px){
  .swiper-inner-image-box {
    width: 70px !important;
    height: 50px !important;
  }
}




















@keyframes waveIn {
  0% {
    opacity: 0;
    transform: scale(.3) translate(-20px, 10px);
  }
  50% {
      transform: translate(0, 0);
      opacity: 1;
  }
}
.newsletter-content .navbar-icon:after {
  content: '';
  border-top: 2px solid var(--white);
  width: 18px;
  height: 30px;
  border-radius: 50px;
  position: absolute;
  top: -4px;
  left: 0;
  animation-delay: .3s;
  animation: waveIn 1.4s infinite ease-out;
  transform-origin: 50% 50%;
}
.newsletter-content .navbar-icon:before {
  content: '';
  border-top: 2px solid var(--white);
  width: 25px;
  height: 25px;
  border-radius: 50px;
  position: absolute;
  top: -9px;
  left: -3px;
  animation-delay: .45s;
  animation: waveIn 1.6s infinite ease-out;
  transform-origin: 50% 50%;
}
.navbar-icon:after {
  content: '';
  border-top: 2px solid var(--pink);
  width: 18px;
  height: 30px;
  border-radius: 50px;
  position: absolute;
  top: -4px;
  left: 0;
  animation-delay: .3s;
  animation: waveIn 1.4s infinite ease-out;
  transform-origin: 50% 50%;
}
.navbar-icon:before {
  content: '';
  border-top: 2px solid var(--pink);
  width: 25px;
  height: 25px;
  border-radius: 50px;
  position: absolute;
  top: -9px;
  left: -3px;
  animation-delay: .45s;
  animation: waveIn 1.6s infinite ease-out;
  transform-origin: 50% 50%;
}
#banner .banner-content-box .banner-heading-box h1 {
  background: linear-gradient(to right, var(--pink) 20%, var(--blue) 30%, var(--pink) 70%, var(--blue) 80%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-fill-color: transparent !important;
  background-size: 200% auto !important;
  animation: textShine 3s ease-in-out infinite alternate;
}

@keyframes textShine {
  to {
    background-position: 200%;
  }
}





/* video popup */
.modal-new {
  display: none;
  position: fixed;
  z-index: 999999999999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,.4);
}
/* Modal Content */
.modal-contents {
  background-color: #fff;
  margin: auto;
  padding: 6px;
  width: 45%;
  transition: 2s;
  border-radius: 10px;
}
/* The Close Button */
 .close-one{
  color: #252525;
  float: right;
  font-size: 28px;
  padding-right: 20px;
  cursor: pointer;
  background: transparent;
  border: none;
  font-weight: 900;
}



/* ticket  */
.Ticket_form h2{
  font: normal normal bold 40px / 45px var(--sec-font);
  color: var(--white);
}
.ex-sec-title {
  background: var(--pink);
}
span.mep_ticket_type_name {
  color: #fff;
  font: 600 20px/20px var(--pri-font) !important;
}
.mep_ticket_details p{
  color: #fff;
  font: 500 14px/20px var(--pri-font) !important;
}
.mep-events-wrapper div.xtra-item-left{
  display: none;
}
.mep-events-wrapper select.extra-qty-box{
  margin: 0 auto;
}
.mep-events-wrapper table td{
  padding: 20px 10px !important;
}
.mep-events-wrapper{
  border: 1px solid #686868;
  border-radius: 6px;
  background: rgb(200 200 200 / 5%) !important;
  padding: 30px !important;
}
.ex-sec-title tr{
  background-image: linear-gradient(140deg, var(--pink), var(--blue)) !important;
}
.mep-events-wrapper table tbody tr {
  border-bottom: 1px dashed #EEE;
}
.mep-events-wrapper table td{
  border: none !important;
}
.mep-events-wrapper table tbody tr:nth-child(2), .mep-events-wrapper table tbody tr:nth-child(4) {
  display: none;
}
.mep-events-wrapper select.extra-qty-box{
  font: 400 13px/20px var(--pri-font) !important;
}
.woocommerce-Price-amount {
  color: #fff;
  font: 600 20px / 25px var(--pri-font);
}
.button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart{
  background-image: linear-gradient(140deg, var(--pink), var(--blue)) !important;
  border-radius: 4px !important;    
  border: none !important;
}
tbody td button:hover{
  background-image: linear-gradient(140deg, var(--blue), var(--pink));
}
table.table.table-bordered.mep_event_add_cart_table {
  background: transparent !important;
}
#mep_event_ticket_type_table{
  margin-bottom: 0px;
}
.mep-events-wrapper table td.total-col{
  color: #fff;
}


.pricing-plan-inner-box:hover .pricing-plan-icon-image,.counter-inner:hover .counter-icon-image img,.our-records-info:hover .about-icon {
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.newsinner.blog-detail{  
  overflow: hidden;
}
.newsinner.blog-detail:hover{
  /* filter: brightness(0.6);
  transform: scale(1.1); */
}

.testimonial-post-box .tab-content>.active:hover{
  animation: tilt-shaking 0.25s infinite;
}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}


.banner-bg-svg svg{
  position: absolute;
  bottom: 0;
  opacity: 0.3;
}







.banner-bg-svg svg path {
  animation: MoveUpDown 1s linear infinite;
  position: absolute;
  left: 0;
  bottom: 0;
}

@keyframes MoveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-100px);
  }
}










.equalizer {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  flex-wrap: nowrap;
  position: absolute;
  bottom: 0;
}
.bar {
  background-color: rgb(200 200 200 / 1%);
  border-radius: 6px 6px 0px 0px;
  border: 1px solid #5f5f5f6e;
  border-bottom: 0px;
  width: 45px;
  
  transform-origin: bottom;
}
.bar:nth-child(1) { 
  height: 160px;
  animation: increaseHeight 2.5s linear infinite;
 }
.bar:nth-child(2) { 
  height: 180px;
  animation: increaseHeight 3s linear infinite;
 }
.bar:nth-child(3) { 
  height: 200px;
  animation: increaseHeight 4.5s linear infinite;
 }
.bar:nth-child(4) { 
  height: 170px;
  animation: increaseHeight 5s linear infinite;
 }
.bar:nth-child(5) { 
  height: 150px;
  animation: increaseHeight 3.5s linear infinite;
 }
.bar:nth-child(6) { 
  height: 140px;
  animation: increaseHeight 4s linear infinite;
 }
.bar:nth-child(7) { 
  height: 145px;
  animation: increaseHeight 3.5s linear infinite;
 }
.bar:nth-child(8) { 
  height: 180px;
  animation: increaseHeight 4s linear infinite;
 }
.bar:nth-child(9) { 
  height: 210px;
  animation: increaseHeight 3.5s linear infinite;
 }
.bar:nth-child(10) { 
  height: 205px;
  animation: increaseHeight 4s linear infinite;
 }
.bar:nth-child(11) { 
  height: 160px;
  animation: increaseHeight 3s linear infinite;
 }
.bar:nth-child(12) { 
  height: 150px;
  animation: increaseHeight 4.2s linear infinite;
 }
.bar:nth-child(13) { 
  height: 140px;
  animation: increaseHeight 5s linear infinite;
 }
.bar:nth-child(14) { 
  height: 160px;
  animation: increaseHeight 4s linear infinite;
 }


.bar:nth-child(15) { 
  height: 160px;
  animation: increaseHeight 2s linear infinite;
}
.bar:nth-child(16) { 
  height: 180px;
  animation: increaseHeight 3.5s linear infinite;
}
.bar:nth-child(17) { 
  height: 200px;
  animation: increaseHeight 4s linear infinite;
}
.bar:nth-child(18) { 
  height: 170px;
  animation: increaseHeight 5s linear infinite;
}
.bar:nth-child(19) { 
  height: 150px;
  animation: increaseHeight 4s linear infinite;
}
.bar:nth-child(20) { 
  height: 140px;
  animation: increaseHeight 2.5s linear infinite;
}
.bar:nth-child(21) { 
  height: 145px;
  animation: increaseHeight 3.5s linear infinite;
}
.bar:nth-child(22) { 
  height: 180px;
  animation: increaseHeight 4s linear infinite;
}
.bar:nth-child(23) { 
  height: 210px;
  animation: increaseHeight 5s linear infinite;
}
.bar:nth-child(24) { 
  height: 205px;
  animation: increaseHeight 2.5s linear infinite;
}
.bar:nth-child(25) { 
  height: 160px;
  animation: increaseHeight 3.5s linear infinite;
}
.bar:nth-child(26) { 
  height: 150px;
  animation: increaseHeight 5s linear infinite;
}
.bar:nth-child(27) { 
  height: 140px;
  animation: increaseHeight 4s linear infinite;
}
.bar:nth-child(28) { 
  height: 160px;
  animation: increaseHeight 2.5s linear infinite;
}
.bar:nth-child(29) { 
  height: 160px;
  animation: increaseHeight 4s linear infinite;
}
.bar:nth-child(30) { 
  height: 180px;
  animation: increaseHeight 3s linear infinite;
}
.bar:nth-child(31) { 
  height: 200px;
  animation: increaseHeight 2s linear infinite;
}
.bar:nth-child(32) { 
  height: 170px;
  animation: increaseHeight 5s linear infinite;
}
.bar:nth-child(33) { 
  height: 150px;
  animation: increaseHeight 3s linear infinite;
}
.bar:nth-child(34) { 
  height: 140px;
  animation: increaseHeight 2s linear infinite;
}
.bar:nth-child(35) { 
  height: 145px;
  animation: increaseHeight 1s linear infinite;
}
.bar:nth-child(36) { 
  height: 180px;
  animation: increaseHeight 3s linear infinite;
}
.bar:nth-child(37) { 
  height: 210px;
  animation: increaseHeight 2s linear infinite;
}
.bar:nth-child(38) { 
  height: 205px;
  animation: increaseHeight 4s linear infinite;
}
.bar:nth-child(39) { 
  height: 160px;
  animation: increaseHeight 5s linear infinite;
}
.bar:nth-child(40) { 
  height: 150px;
  animation: increaseHeight 2s linear infinite;
}
.bar:nth-child(41) { 
  height: 140px;
  animation: increaseHeight 4s linear infinite;
}
.bar:nth-child(42) { 
  height: 160px;
  animation: increaseHeight 3s linear infinite;
}





@keyframes increaseHeight {
  0% {
    height: 50px; /* Start height */
  }
  50% {
    height: 200px; /* Expand height */
  }
  100% {
    height: 50px; /* Return to original height */
  }
}


@keyframes shake{
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
  }
}


.is-large .wp-block-woocommerce-checkout-order-summary-block,.wc-block-components-main form{
  background-color: rgb(200 200 200 / 5%);
}












.eco-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(140deg, var(--pink) , var(--blue));
  cursor: pointer;
  z-index: 9999;
}
.spinner {
  margin: auto;
  width: 50px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}

.spinner > div {
  background: #fff;
  height: 100%;
  width: 2px;
  float: left;
  margin: 0 1px;
  animation: stretch 2s infinite;
  animation-timing-function: cubic-bezier(.62,.28,.23,.99);
}

.spinner .r1 {
  animation-delay: -1s;
}

.spinner .r2 {
  animation-delay: -.9s;
}

.spinner .r3 {
  animation-delay: -.8s;
}

.spinner .r4 {
  animation-delay: -.7s;
}

.spinner .r5 {
  animation-delay: -.6s;
}

@keyframes stretch {
  0%, 20%, 49% { 
    transform: scaleY(0.4);
    background-color: $color-alpha;
  }
  
  10% { 
    transform: scaleY(1.0);
  }
  
  50%, 70%, 100% { 
    transform: scaleY(0.4);
    background-color: $color-beta;
  }
  
  60% { 
    transform: scaleY(1.0);
    background-color: $color-beta;
  }
}
























