/*
Theme Name: Online Retailer Pro
Theme URI: https://www.ovationthemes.com/products/solar-energy-wordpress-theme
Author: Ovationthemes
Author URI: https://www.ovationthemes.com/
Theme Description: Electricion Pro WordPress Theme is a feature-rich theme with a gorgeous layout. It is specifically designed for repairing services, manufacturing plants, road building, company, constructor, corporate, industry, plumber, electrician, carpenter, painter, handyman, mills, small contractors to big corporates, heavy vehicle and rent websites. This premium theme is compatible with all famous WordPress plugins like WooCommerce, Contact Form 7 etc. It uses theme options using customizer API. The responsive design will fit in all devices. Also, it is translation-ready and has RTL layout support. You have a lot of customization options like simple menu option, Favicon, Logo, Title and Tagline Customization, support to add CSS/JS, pagination option, enable-disable options on all sections.
Version: 0.0.1
Requires at least: 5.0
Requires PHP: 7.2.14
Tested up to: 5.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: online-retail-shop-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Online Retailer Pro WordPress Theme has been created by ovationthemes(ovationthemes.com), 2021.
Online Retailer Pro WordPress Theme is released under the terms of GNU GPL
*/

/*----------------all Pages-------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?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&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?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&display=swap');

*{
  margin:0;
  padding:0;
  outline:none;
}
html body{
  background-color:#F3F9FB;
  font-size: 15px;
  color: #2a2a34;
  font-family: 'Inter';
  overflow-x: hidden;
}
html {
    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{
  font-size: 26px;
  font-family: 'Quicksand';
  margin:0;
  padding:10px 0;
  color:#2a2a34;
  font-weight: 800;
}
h4,h5,h6{
  font-size: 20px;
  font-family: 'Quicksand';
  margin:0;
  padding:10px 0;
  color:#E93058;
  font-weight: 700;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:16px;
  font-weight:400;
  color: #707070;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none;
  color:#2a2a34;
  font-weight: 400;
}
a:hover{
  color: #E93058;
}
a:focus,a:hover{
  text-decoration:none !important;
}
/* SITE LOADER */
/*--------- Site Loader --------------*/
.preloader {
  background: #fff;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 9999999;
}
.load{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100px;
  height:100px;
}
.load hr{
  border:0;
  margin:0;
  width:40%;
  height:40%;
  position:absolute;
  border-radius:50%;
  animation:spin 2s ease infinite;
  opacity: 1;
}
.load :first-child{background:#E93058;animation-delay:-1.5s}
.load :nth-child(2){background:#E93058;animation-delay:-1s}
.load :nth-child(3){background:#E93058;animation-delay:-0.5s}
.load :last-child{background:#E93058}

@keyframes spin{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
}

/*----------------------add to cart---------*/
#cart {
  background: #ffffff;
  width: 400px;
  right: 0px;
  top: 50px;
  margin: 0px auto;
  text-align: left;
  padding: 20px;
  position: absolute;
  z-index: 999999;
  display: none;
  -webkit-animation: bounceIn 2s ease-in-out;
  animation: bounceIn 2s ease-in-out;
}
.show-cart#cart {
    display: block;
}
.cart_box:hover #cart{
  display: block;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
li.woocommerce-mini-cart-item.mini_cart_item a.remove {
    right: 0px;
    left: auto !important;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  float: left;
  margin-right: 24px;
}
.woocommerce a.remove{
  color: #fff !important;
  background-color: #E93058;
  width: 25px;
  height: 25px;
  font-size: 20px;
  padding: 2px 7px;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{
  padding-left: 0em;
}
.woocommerce.widget_shopping_cart .buttons a{
  width: 100%;
  text-align: center;
}
.woocommerce .widget_shopping_cart .total{
  padding: 4px 0 0;
  margin: 10px 0 !important;
}
.woocommerce-mini-cart__total.total strong {
    padding: 8px 0;
}
p.woocommerce-mini-cart__buttons.buttons {
    display: flex;
}
.woocommerce .shop .products li{
  width: 100% !important;
  background: #ffffff;
}
ol.wp-block-latest-comments {
    padding-left: 0;
}
ul.products.columns-4 {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 8px;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before,.archive.search.search-no-results .order-track-hover{
  display: none;
}
.woocommerce ul.products li.product .star-rating {
    margin: 0 !important;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px;
  font-weight:bold;
  margin: 10px 0;
}
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #2a2a34;
  color:#ffffff;
  font-weight:normal;
}
.title-box{
  background:#dcedff ;
}
.main_title {
    background: #dcedff ;
}
/* MENU BAR */

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
  margin: 0 auto;
  display: block;
}
.main-navigation li{
  position: relative;
  display: block;
}
.main-navigation ul.sub-menu li:after{
  display: none;
}
.main-navigation a{
  font: 700 16px/35px 'Quicksand';
}
.main-navigation ul ul{
  left: 0;
  top: 100% ;
  z-index: 9999;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 10px;
  padding-left: 15px;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #e9eaea;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
/* .main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .menu > ul > li.highlight{
  background-color: #000000;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
} */
ul#menu-ot_main_primary-menu {
    margin-bottom: 0;
    padding-left: 0;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
/*.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}*/
.comment-navigation .nav-next, .posts-navigation .nav-next{
  float: right;
  text-align: right;
  width: auto;
}
.main-navigation a:hover,.main-navigation li:hover .sf-with-ul:after{
  color: #E93058;
}
.main-navigation li.current-menu-item.current_page_item a{
  color: #E93058;
}
ul.children li a {
    padding: 10px;
}
a.closebtn.mobile-menu:hover,.main-navigation ul ul li a:hover {
    background: unset;
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: #92a8ac;
  position: relative;
  top: 13px;
  font-size: 19px;
  padding: 11px 7px;
  box-shadow:none;
  transition: all 0.40s ease;
  -webkit-transition: all 0.40s ease;
  -moz-transition: all 0.40s ease;
  -ms-transition: all 0.40s ease;
  -o-transition: all 0.40s ease;
}
#return-to-top:hover {
  background: transparent;
  box-shadow: 0 0 10px 0 #E93058 inset, 0 0 10px 4px #E93058;
}
#return-to-top:hover i {
  top: 5px;
  color: #E93058 !important;
}
div#mySidenav {
    display: block;
}
/*--------sidebar------------*/
div#sidebar {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 14px;
}
div#sidebar .wp-block-group {
    margin: 20px 0px;
}
div#sidebar .wp-block-group__inner-container h2 {
    background: #dcedff ;
    font-size: 24px;
    text-align: center;
    font-style: italic;
}
#sidebar li.wp-block-latest-comments__comment {
  margin-top: 15px;
}
/*sidebar*/
#sidebar .postbox.smallpostimage{
  padding: 10px;
}
#sidebar td#prev a {
  color: #1fb125;
}
#sidebar caption {
  font-weight: bold;
  color: #E93058;
  font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
  text-align: center;
}
#sidebar td {
  padding: 7px;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #E93058;
}
#sidebar select {
  padding: 10px 5px;
  border: solid 1px #2c2c2c;
  color: #E93058;
  background: transparent;
  width: 100%;
}
#sidebar h3 {
  font-weight: bold;
  font-size: 22px;
  color: #2c2c2c;
  text-align: center;
  padding: 4% 0;
}
#sidebar input[type="search"],
input[type="search"] {
  padding: 17px;
  font-size: 14px;
  margin-bottom: 0px;
  color: #666c6e;
  border: solid 1px #e5eaec;
  width: 100%;
}
#sidebar .search-form .search-submit{
    bottom: 4px;
    padding: 12px 10px !important;
    position: absolute;
    left: 20px;
    width: 40%;
    margin: 2% 0px
}
#sidebar label{
  margin-bottom: 0;
  width: 100%;
}
#sidebar input[type="submit"]{
  background:#1fb125;
  color:#fff;
  padding:10px 0;
  font-size:12px;
  width: 30%;
  font-weight: bold;
}
#sidebar .widget {
  margin-bottom: 25px;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
#sidebar ul li {
    border-bottom: 1px solid #ddd;
    margin: 0 0 5px;
    padding: 10px 20px 10px;
}
#sidebar aside#monster-widget-placeholder-9 ul li {
    box-shadow: 0.5px 0.866px 4px 0px rgb(0 0 0 / 10%);
    margin-bottom: 10px;
}
aside#monster-widget-placeholder-10 ul li {
    box-shadow: 0.5px 0.866px 4px 0px rgb(0 0 0 / 10%);
    margin-bottom: 15px;
}
#sidebar ul li a:before{
  font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    font-size: 10px;
    font-weight: 100;
    margin-left: -15px;
    margin-right: 10px;
    top: -1px;
    display: inline-block;
    position: relative;
}
#sidebar ul li:last-child{
  border: none;
}
#sidebar ul li a {
  font-size: 15px;
  font-weight: 500;
  color: #2a2a34;
}
#sidebar .tagcloud a,
.site-footer .tagcloud a{
  background:#eeeeee;
  color:#2c2c2c;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover,
.site-footer .tagcloud a:hover{
  background:#1fb125;
  color: #fff;
}
.menu-ot_main_primary-menu-container {
    margin-bottom: 50px !important;
}
.textwidget img {
    border-radius: 10px;
}
span.rss-date {
    font-style: italic;
    font-weight: bold;
}
.rssSummary {
    margin: 10px 0px;
}
aside#monster-widget-placeholder-4 ul,aside#monster-widget-placeholder-6 ul,aside#monster-widget-placeholder-7 ul,.menu-ot_main_primary-menu-container ul{
    background: #dcedff ;
}
ul#menu-ot_main_primary-menu-1 {
    margin-bottom: 20% !important;
}
td#today a {
    background: #E93058;
    border-radius: 50px;
    padding: 8px 10px;
}
/*--------- Woocommerce Section--------- */
.woocommerce ul.products li.product a img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto .5em;
  color: #f4bc16;
}
.woocommerce .products li {
    text-align: center;
    border: solid 1px #e6e6e7;
    border-radius: 10px;
    padding: 10px 10px 30px 10px !important;
}
.woocommerce .products li:hover{
  box-shadow: 0px 0px 10px 2px #ededed;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
a.showcoupon,
.woocommerce-message::before{
  color: #E93058;
}
.woocommerce-message {
  border-top-color: #E93058;
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
    background: #E93058;
    color: #fff;
    padding: 0;
    border-radius: 5px;
    margin: 0 !important;
    min-height: 5px;
    line-height: 26px;
    min-width: 60px;
}
.woocommerce ul.products li.product .onsale{
    top: 10px !important;
    right: 10px !important;
}
h2.woocommerce-loop-product__title{
  font-size: 18px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #2a2a34 !important;
    font-size: 16px;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    background: #213545;
    border-radius: 50px !important;
    position: relative;
    padding: 14px 20px;
    opacity: 1 !important;
    cursor: pointer !important;
}
.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 button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #E93058 !important;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px 5px;
  border-radius: 0;
  border: solid 1px #2a2a34;
  color: #2a2a34;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #E93058;
  padding: 12px!important;
  margin-bottom: 10px;
  border-radius: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff !important;
  font-weight: bold;
  font-style: none !important;
  text-decoration: none;
}
.posted_in {
  display: block;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
span.woocommerce-input-wrapper{
 width: 100%;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce a.checkout-button.button.alt.wc-forward{
  color: #fff !important;
  font-style: none;
}
.woocommerce a.checkout-button.button.alt.wc-forward:hover{
  text-decoration: none !important;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: auto;
    margin: auto;
}
.woocommerce-product-gallery__image img.wp-post-image {
    width: auto !important;
    margin: inherit;
}
nav.woocommerce-breadcrumb {
    margin: 17px 0px !important;
    font-size: 16px !important;
    color: #E93058 !important;
}
.summary.entry-summary form.cart .quantity {
    margin: 4px 15px 0px 0px !important;
}
button.single_add_to_cart_button.button.alt {
    padding: 15px 30px;
}
.comment-form-rating label, p.stars {
    padding: 10px 0px;
}
textarea#comment {
    width: auto !important;
}
input#coupon_code {
    width: 104px;
    margin: 6px 15px 0px 0px;
}
ul.woocommerce-error {
    border-top-color: #E93058;
}
.woocommerce-error::before {
    color: #E93058;
}
/*--------post------------*/
.single-post .post_share_icon a {
    padding: 10px 13px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    width: auto;
    margin: 5px 3px;
}
.single-post a.post-facebook {
    background: #3b5998;
}
.single-post a.post-pinterest {
    background: #c92228;
}
.single-post a.post-linkedin {
    background: #0976b4;
}
.single-post a.post-twitter {
    background: #1B95E0;
}
.single-post b.share-txt {
    font-size: 18px;
}
p.comment-form-comment{
position: relative;
}
p.comment-form-comment label {
    position: absolute;
    bottom: 100%;
    font-weight: 700;
}
div#comments p.logged-in-as {
    margin-bottom: 35px;
}
.single-post .feature-box img {
    width: 50%;
}
.single-post-content p {
    margin-right: 10%;
    text-align: justify;
}
a.page-numbers{
  padding: 10px !important;
  background-color: #E93058;
  color: #ffffff !important;
  border: 1px solid #E93058;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #E93058;
  color: #000000 !important;
  padding: 10px !important;
}
p.form-submit input#submit {
    border: none;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
}
button.wp-block-search__button,form.search-form.serach-page input.search-submit {
    background: #E93058 !important;
    padding: 5px 20px !important;
    border-radius: 5px;
    border: none !important;
    color: #fff !important;
    font-weight: bold;
}
ul.wp-block-latest-posts__list.wp-block-latest-posts li{
  margin: 15px 0px;
}
div#single_post .news-box.my-4 {
    box-shadow: 0px 0px 40px 12px #ededed;
    border-radius: 15px;
}
.content_boxes .feature-box img {
    border-radius: 10px;
    width: 100%;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
}
div#single_post .news-datebox {
    right: 35px;
    bottom: 29%;
  }
  div#blog-left-sidebar .news-datebox,div#blog-right-sidebar .news-datebox {
    bottom: 42%;
}
div#full-width-blog .lower-new-box,div#blog-left-sidebar .lower-new-box,div#blog-right-sidebar .lower-new-box{
    position: static;
    width: 100%;
  }
  .single-post .feature-box {
    width: 20%;
}
/*---------Contat Us--------------*/
input.contactp-name,input.contactp-email,input.contactp-call,input.contact-date {
    font-size: 15px;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    border: 1px solid #d8e5ee;
    width: 100%;
}
textarea.contactp-msg{
    height: 80px;
    border-radius: 10px;
    width: 100%;
    margin: 5px;
    padding: 10px;
    border: 1px solid #d8e5ee;
}
input.contactp-sumbit{
    padding: 10px 20px;
    border-radius: 10px;
    margin: 5px;
    border: 1px solid #d8e5ee;
    display: inline-block;
    font-weight: bold;
    background: #ffffff;
    cursor: pointer;
}
.contact-section-form {
    border-radius: 20px;
    background: #E93058;
}
.call0 h6 a,.contact-info h6 a{
  color: #3d3c3c ;
  font-weight: 600;
}
.call0 h6 a:hover, .contact-info h6 a:hover{
  color: #E93258;
}
.phone-info a{
  display: block;
}
.contact-info span {
    padding-left: 40px;
}
div#contact-box i{
  color: #E93058;
}
textarea.contactp-msg::placeholder,input.contactp-name::placeholder,input.contactp-email::placeholder,input.contactp-call::placeholder,input.contact-date{
   color: #8899a6;
}
.contact-info h3{
  position: relative;
}
div#contact-box h6 {
    font-size: 16px;
}
/* STICKY HEADER */

.stickynavbar {
  /*background-color: #fff !important;*/
  z-index: 9999999999999;
  padding-top: 0 !important;
  box-shadow: 0 0 8px grey;
}
.sticky {
  /*position: fixed!important;*/
  top: 0;
  width: 100%;
  padding-bottom: 0 !important;
}
/*-------------------------- Calendar widget --------------------------*/
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid #fff;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
  padding: 2px;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/*----------------- Product Star Rating--------------*/
.woocommerce ul.products li.product .star-rating{
  color: #fec806;
  margin: 0 auto;
  display: block;
  float: none;
  overflow: hidden;
  position: relative;
  height: 1.7em;
  line-height: 1;
  font-size: 1em;
  width: 7.4em;
  font-family: star;
}
.star-rating{
  color: #FFC107;
  margin: 0 auto;
  font-size: .857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 7em;
  font-family: star;
}
.star-rating:before{
 content: "\53\53\53\53\53";
 color: #CAC9C9;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 letter-spacing: 5px;
}
.star-rating span{
 overflow: hidden;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 padding-top: 1.5em;
}
.star-rating span:before{
 content: "\53\53\53\53\53";
 top: 0;
 position: absolute;
 left: 0;
 letter-spacing: 5px;
}
.woocommerce .loader::before{
  display: none;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: unset;
}
/*---------------common css-------------*/
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.ft-email {
    width: 100%;
}
/*------------topbar-----------*/
#topbar_section .gtranslate_wrapper{
  position: relative;
}
#topbar_section .gt_switcher .gt_option {
    position: absolute;
    top: 31px;
}
#topbar_section .gt_container-z3ree .gt_switcher{
  width: 118px;
}
#topbar_section .gt_switcher .gt_selected a{
  color: #FFFFFF;
  border: unset;
  font: 400 14px/21px 'Quicksand';
}
#topbar_section .gt_switcher .gt_selected{
  background: unset;
}
#topbar_section .gt_switcher{
  width: 100px;
}
#topbar_section .gt_selected img {
    height: 15px;
    width: 15px;
    border-radius: 50%;
}
#topbar_section .gt_switcher .gt_selected a:after{
  content: '\f107' !important;
  background-image: unset;
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  color: #ffffffcc;
  font-size: 11px;
}
#topbar_section .gt_switcher .gt_selected a:hover {
    background: unset;
}
#topbar_section .gt_switcher .gt_option a{
  font-size: 10pt;
}
#topbar_section .dd-selected img,#topbar_section small.dd-selected-description,#topbar_section .dd-options img,#topbar_section small.dd-option-description.dd-desc {
    display: none;
}
#topbar_section .dd-select{
  background: unset !important;
  border: unset;
}
#topbar_section .woocommerce-currency-switcher-form .dd-selected{
  color: #ffffff;
  font: 400 14px/21px 'Quicksand';
  padding: 3px 18px 3px 5px;
}
#topbar_section .woocommerce-currency-switcher-form a.dd-option{
  padding: 6px;
}
#topbar_section .dd-pointer-down,#topbar_section .dd-pointer-up{
  border: unset !important;
  border-top: unset !important;
}
#topbar_section .dd-pointer-down::before{
  content: '\f107' !important;
  background-image: unset;
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  color: #ffffffcc;
  font-size: 11px;
}
#topbar_section .dd-pointer-up{
  margin-top: -3px;
}
#topbar_section .dd-pointer{
  top: 25%;
}
.topbar_currency_switcher {
    padding: 10px 20px;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    border-color: #99999933;
}
.topbar_translate {
    padding: 10px 20px;
    border-right: 1px solid #99999933;
}
div#topbar_section {
    background: #131313;
}
.shipping-box:hover form.track_order {
    box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
    position: absolute;
    top: 25px;
    display: block;
    background: #fff;
    padding: 15px;
    width: 350px;
    right: 1px;
    z-index: 3;
    left: 0;
}
form.track_order {
    display: none;
}
span.order-track,.order-track a{
  font: 500 13px/21px 'Quicksand';
  color: #d7d6d6;
}
.top_bar_outer.d-flex {
    gap: 35px;
}
.order-track i {
    margin-right: 4px;
}
.shipping-box .woocommerce form .form-row-last,.shipping-box .woocommerce form .form-row-first{
  float: unset;
}
.shipping-box .woocommerce form .form-row-first,.shipping-box .woocommerce form .form-row-last{
  width: 100%;
}
/* ---------navigation------------------- */
span.mobile-open {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #ffffff;
  right: -40px;
  top: 0%;
  bottom: 0;
  margin: auto;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  overflow: visible;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.header-main-sidebar.open {
    transform: translate(0px, 0px);
    transition: 0.5s ease-in-out;
}
.header-main-sidebar {
    transform: translate(-252px, 0px);
    transition: 0.5s ease-in-out;
}
.header-main-sidebar {
    position: fixed;
    overflow: visible;
    z-index: 99999;
    top: 0;
    align-self: start;
    height: 100vh;
    /* overflow-y: scroll; */
    background: #ffffff;
    padding: 30px;
    width: 250px;
}
/*-----------Header---------*/
.main-navigation ul ul li a{
  color: #000000;
  padding: 0;
}
span.cart-icon-angle i {
    color: #253D4E;
    font-size: 16px;
    cursor: pointer;
}
.side_search {
    width: 70%;
}
.cate-toggle-box {
    width: 30%;
    background: #E93258;
    height: 42px;
    border-radius: 30px 0px 0px 30px;
    padding: 10px 20px;
}
.cat_togglee span{
  color: #FFFFFF;
  font: 700 13px/21px 'Quicksand';
  cursor: pointer;
}
.cat_togglee i {
    font-size: 16px;
}
.cate-toggle-box .dropdown-menu{
  height: 327px;
  overflow-y: scroll;
}
.header_meta {
    justify-content: end;
    gap: 30px;
}
.wishlist_view i {
    color: #253D4E;
    font-size: 24px;
}
span.wishlist-counter,span.cart-value {
  position: absolute;
  top: -6px;
  left: 11px;
  width: 17px;
  height: 17px;
  background: #E93158;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font: 500 11px 'Quicksand';
}
a.wishlist_view,a.top-cart {
    position: relative;
}
span.wishlist-text {
    color: #000000;
    font: 500 12px / 15px 'Quicksand';
    margin-left: 5px;
    position: relative;
    top: -4px;
}
.cart-btn-box {
    display: flex;
    gap: 15px;
    align-items: center;
}
.cart-text .top-cart span{
  color: #253D4E;
  font: 500 12px/15px 'Quicksand';
  display: block;
}
.cart-text p.total{
  color: #E93158;
  font: 500 12px/15px 'Quicksand';
  margin-bottom: 0;
}
ul.product-categories {
    list-style: none;
    padding-left: 0;
}
.login-details {
  position: absolute;
  right: -20px;
  width: 130px;
  bottom: -50px;
  background: #fff;
  padding: 10px;
  z-index: 99;
  display: none;
}
.author-login {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.author-login span{
  color: #253D4E;
  font: 600 16px/20px 'Quicksand';
  margin-left: 8px;
}
div#nav-box {
    background: #F2BD1F;
    padding: 15px;
}
.header-category-title-box a{
  color: #131313;
  font: 700 12px/15px 'Quicksand';
}
/* -----Product Search------------ */
.widget_product_search button {
  background-color: #E93258;
  padding: 12px 11px;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 42px;
  width: 42px;
  border-radius: 50%;
}
.widget_product_search input {
    width: 100%;
    background-color: #ffffff;
    border: none;
    padding: 10px;
    height: 42px;
    border-radius: 0px 30px 30px 0px;
}
.widget_product_search button i {
  color: #ffffff;
  margin: 0 !important;
  font-size: 16px;
}
.widget_product_search input::placeholder{
  color: #ADADAD;
  font: 500 14px/17px 'Quicksand';
}
/* --Header Category---------------- */
#header_category .owl-item .category-image-box img {
    width: auto;
    height: 50px;
    margin: 0 auto;
}
.header-cate-box {
    background: #ffffff33;
    border-radius: 10px;
    padding: 20px;
}
/*-------slide--------*/
img.slider-bg.img-fluid {
    width: 100%;
}
.slider_col1.position-relative {
  transform: translateY(-70%);
}
span.slide-small-head{
  color: #FFFFFF;
  font: 600 20px/30px 'Quicksand';
}
h1.headtwo{
  color: transparent;
  font: 700 84px/80px 'Poppins';
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #ffffff;
}
h1.headtwo .myClass{
  color: #ffffff;
}
.slider-box p{
  color: #FFFFFF;
  font: 300 34px/30px 'Quicksand';
}
.slider-box span.last_slide_head{
  font-weight: 700;
}
.slide-button1 a{
  font: 700 16px/30px 'Quicksand';
  border-radius: 50px;
  padding: 20px 45px;
  transition: .3s;
  color: #000000;
  background: #F2BD1F;
}
.slide-button1 a:hover{
  box-shadow: 8px 8px #F2BD1Fcc;
  transition: .3s;
}
img.slide-img {
    z-index: 99;
    position: relative;
}
#slider .carousel-control-next,#slider .carousel-control-prev{
  opacity: 1;
  bottom: 16em;
}
#slider .carousel-control-next:hover i,#slider .carousel-control-prev:hover i{
  color: #F2BD1F;
}
#slider .carousel-control-next i,#slider .carousel-control-prev i{
  font-size: 24px;
}
#slider .carousel-indicators [data-bs-target] {
  width: 9px;
  height: 9px;
  background: #FFFFFF;
  border: 0;
  opacity: 1;
  margin: 10px 8px;
  border-radius: 50%;
}
#slider .carousel-indicators .active{
  background: #F2BD1F;
  width: 27px;
  border-radius: 7px;
}
#slider .carousel-indicators{
  bottom: 18em;
}
/* ---------Section Heading--------------- */
.section-heading-box h2{
  color: #131313;
  font: 700 23px/30px 'Quicksand';
}
/* ----Fresh Product Category------------------ */
#fresh_product_category .owl-nav {
    position: absolute;
    top: -30px;
    right: 20px;
}
#fresh_product_category {
    position: relative;
}
#fresh_product_category::before {
  content: '';
  background: linear-gradient(179.49deg, rgba(243, 249, 251, 0) 0.41%, #F3F9FB 47.5%);
  width: 100%;
  height: 305px;
  position: absolute;
  top: 90px;
  z-index: -1;
}
#fresh_product_category .owl-item .cat_block img {
    width: auto;
    margin: 0 auto;
}
.cat_block a{
  color: #253D4E;
  font: 600 18px/22px 'Quicksand';
}
.product-count{
  color: #ADADAD;
  font: 500 14px/17px 'Quicksand';
}
.fresh-product {
    box-shadow: 0px 4px 54px 0px #0000000D;
    border-radius: 20px;
    padding: 30px;
    margin-top: -13em;
}
#fresh_product_category .owl-prev i,#fresh_product_category .owl-next i {
    color: #253D4E;
    font-size: 19px;
    margin: 0 7px;
}
#fresh_product_category .owl-prev i:hover,#fresh_product_category .owl-next i:hover,#testimonials .owl-prev i:hover,#testimonials .owl-next i:hover{
    color: #E93058;
}
/* -------product css------------ */
.product-content h5{
  padding-top: 0;
}
.product-content h5 a{
  color: #362526;
  font: 500 14px/17px 'Inter';
  width: 91%;
  display: block;
}
.product-price ins{
  color: #E93058;
  font: 600 18px/21px 'Inter';
}
.product-price ins {
    float: left;
    text-decoration: unset;
}
.product-price span.woocs_price_code {
    margin-left: 6px;
}
.product-price del{
  color: #666666;
  font: 600 14px/18px 'Inter';
}
.product-price {
    margin: 10px auto 15px;
}
p.save-box {
  color: #000000;
  font: 700 12px/17px 'Inter';
  background: #F2BD1F;
  padding: 5px 14px;
  border-radius: 7px;
  position: absolute;
  left: 0;
  top: 0;
}
p.save-box span{
  font: 400 10px/15px 'Inter';
  text-transform: uppercase;
}
.flash_product:hover p.save-box{
  background: #E93058;
  color: #ffffff;
}
span.shipping,span.gift,span.shipping-price{
  border: 1px solid #DEE2E6;
  border-radius: 6px;
  padding: 6px 10px;
}
span.shipping{
  color: #1ABA1A;
  font: 500 10px/15px 'Inter';
}
span.gift{
  color: #F1352B;
  font: 500 10px/15px 'Inter';
}
.preorder,.ship-contact{
  color: #362526;
  font: 400 12px/20px 'Inter';
  margin-top: 10px;
}
span.shipping-price{
  color: #362526;
  font: 500 10px/15px 'Inter';
}
.product-rating .star-rating {
    margin: 0 0 12px;
}
.product-main-box span.yith-wcwl-add-to-wishlist-button__label {
    display: none;
}
.fresh_products-col #yith-wcwl-icon-heart-outline{
    display: none;
}
.fresh_products-col .yith-wcwl-add-to-wishlist-button--anchor:before {
    content: '\f004';
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    position: absolute;
    top: 0;
    right: 0;
    color: #999999;
    font-size: 14px;
    background: #E2E4EB;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fresh_products-col .yith-wcwl-add-to-wishlist-button--anchor.yith-wcwl-add-to-wishlist-button--added::before{
  display: none;
}
.fresh_products-col .yith-add-to-wishlist-button-block {
    width: auto;
    margin: 0;
    display: block;
}
.fresh_products-col img {
    margin: 40px 0 25px;
}
.fresh_products-col .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor{
  justify-content: right;
}
.fresh_products-col .yith-wcwl-add-to-wishlist-button--added svg{
    height: 17px;
}
.fresh_products-col .yith-wcwl-add-to-wishlist-button--added svg path{
    fill: #00000033;
}
.fresh_products-col a.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added {
    background: #F2BD1F;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.product-instock,.product-outofstock{
  color: #362526;
  font: 400 12px/20px 'Inter';
  margin-top: 12px;
}
.product-instock i,.product-outofstock i {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.product-instock,.product-outofstock{
  gap: 5px;
}
.product-instock i {
    background: #009900;
}
.product-outofstock i{
  background: #F1352B;
}
/* ---------Fresh Product-------------- */
.product_block {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
}
.product_block .product-main-box {
    margin: 15px;
}
.fresh-product-bg {
    background: #ffffff;
    border: 1px solid #DEE2E6;
    border-radius: 20px;
    padding: 40px 20px;
}
/* -------Pet Food-------- */
.deals-flipkart-tabs .nav-item i {
    float: inline-end;
    margin-top: 5px;
}
.left-box {
    background: #E93258;
    border-radius: 15px 0px 0px 15px;
    padding: 20px;
}
.right-box {
    background: #FFFFFF;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #DEE2E6;
    border-radius: 0px 15px 0px 0px;
    padding: 49px 25px;
}
.deals-flipkart-tabs ul.nav {
    display: block;
}
.deals-flipkart-tabs ul.nav li a{
  color: #FFFFFF;
  font: 500 14px/21px 'Inter';
  background: #FFFFFF11;
  margin: 10px 0;
  border-radius: 10px;
  padding: 13px 15px;
}
.left-box .section-heading-box i {
    color: #F6AB4A;
    font-size: 24px;
}
.left-box .section-heading-box h2{
  color: #FFFFFF;
  font: 500 24px/18px 'Inter';
}
.left-box .section-heading-box {
    gap: 10px;
    margin-bottom: 25px;
}
.dog-image {
    position: absolute;
    padding-top: 25px;
    left: 0;
    right: 0;
    text-align: center;
}
.newsletter-box {
    background: #F2BD1F;
    padding: 20px 25px;
    border-radius: 0px 0px 10px 10px;
}
.news-title-box h3{
  color: #362526;
  font: 700 20px/24px 'Inter';
  padding-bottom: 0;
}
.news-title-box p {
    color: #3625269c;
    font: 500 18px / 34px 'Inter';
    margin-bottom: 0;
}
.newsletter-form {
    text-align: right;
    position: relative;
}
.newsletter-form input[type="email"]{
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 50px;
  height: 40px;
  padding: 15px 15px 15px 45px;
  /* width: 100%; */
}
.newsletter-form span[data-name="class:ft-email"]{
  position: relative;
}
.newsletter-form span[data-name="class:ft-email"]:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 13px;
    color: #362526;
    position: absolute;
    left: 20px;
    top: 3px;
}
.newsletter-form input[type="email"]::placeholder{
  color: #757575;
  font: 400 13px/15px 'Inter';
}
.newsletter-form input[type="submit"] {
    background: #E93058;
    font: 600 12px / 18px 'Inter';
    color: #ffffff;
    border: 1px solid #E93058;
    padding: 8px 15px;
    border-radius: 50px;
    position: absolute;
    right: 2px;
    top: 2px;
}
.newsletter-form input[type="submit"]:hover{
  background: #F2BD1F;
  border-color: #F2BD1F;
  color: #000000;
}
.newsletter-form p{
  margin-bottom: 0;
}
.newsletter-form .wpcf7-spinner{
  display: none;
}
/* ------Grocery-food------------------ */
.grocery-box {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #DEE2E6;
    padding: 40px 20px;
}
/* -------------Hot Sale------------------ */
#hot_sale .left-box{
  background: #F2BD1F;
}
#hot_sale .left-box .section-heading-box h2{
  color: #362526;
  font: 600 24px/28px 'Quicksand';
}
#hot_sale .left-box .section-heading-box i{
  color: #E93059;
}
#hot_sale .deals-flipkart-tabs ul.nav li a{
  color: #302929cc;
}
#hot_sale .right-box{
  padding: 70px 25px;
}
#hot_sale  .deals-flipkart-tabs .nav-item i{
  color: #302a2a4d;
}
#pet_food_product p.save-box,#hot_sale p.save-box{
  background: #F6AB4A;
  color: #ffffff;
  font: 500 14px / 17px 'Inter';
}
#hot_sale .product-price ins {
    color: #F6AB4A;
}
.recent-view-box .woocommerce ul.products.columns-4 {
    display: flex;
}
.recent-view-box span.onsale,.recent-view-box h2.woocommerce-loop-product__title,.recent-view-box .star-rating,.recent-view-box span.review-count,.recent-view-box span.price,.recent-view-box a.button.product_type_simple.add_to_cart_button{
  display: none !important;
}
.recent-view-box .woocommerce img.attachment-woocommerce_thumbnail {
    width: 37px !important;
    height: 37px !important;
}
.recent-view-box {
    background: #ffffff;
    border-color: #DEE2E6;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-radius: 0px 0px 20px 20px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.recent-view-box ul.products.columns-4 {
    margin-bottom: 0;
}
.recent-view-box .woocommerce li.product {
    width: 55px !important;
    height: 55px;
    border-radius: 50%;
    margin: 10px !important;
}
.recent-view-box h3{
  color: #362526;
  font: 700 20px/24px 'Inter';
}
/* -----------Discover Now-------------- */
.banner-back-img {
    padding: 1em 2em 0;
    background: #E93258;
    border-radius: 20px;
}
.discover-title-box1 h2{
  color: #FFFFFF;
  font: 600 24px/24px 'Inter';
  padding: 0;
}
.discover-title-box1 span{
  color: #ffffff99;
  font: 600 13px/15px 'Inter';
}
.discover-title-box1 p{
  color: #FFFFFF;
  font: 700 14px/23px 'Inter';
  margin-bottom: 0;
  position: relative;
  top: 10px;
}
.discover-title-box2 span{
  color: #ffffff;
  font: 500 12px/18px 'Inter';
  width: 35%;
  display: block;
}
.discover-title-box2 h3{
  color: #ffffff;
  font: 700 30px/36px 'Inter';
}
.banner-btn a{
  color: #000000;
  font: 600 14px/21px 'Inter';
  background: #FFFFFF;
  padding: 15px 25px;
  border-radius: 80px;
}
.banner-btn a:hover{
  background: #F2BD1F;
}
.watch-image:before {
    content: '';
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(110, 255, 246, 0.333) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    width: 400px;
    height: 400px;
    position: absolute;
    border-radius: 50%;
    right: -95px;
    bottom: -130px;
}
.watch-image img {
    z-index: 1;
    position: relative;
}
/* -----------Computer and laptops------------------- */
.laptop-section-bg .section-heading-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.laptop-section-bg{
  background: #ffffff;
  border: 1px solid #DEE2E6;
  padding: 20px;
  border-radius: 20px;
}
.banner-image img {
    width: 100%;
    object-fit: contain;
    border-radius: 20px;
}
.add-content {
    position: absolute;
    top: 40px;
    left: 30px;
}
h2.abt-main-head{
  color: #FFFFFF;
  font: 700 25px/29px 'Inter';
  padding: 0;
  width: 80%;
}
h2.abt-head{
  color: #FFFFFF;
  font: 300 25px/29px 'Inter';
  padding: 0;
}
.computer-bottom-box {
    position: absolute;
    bottom: 20px;
    left: 30px;
}
.abt-in {
    border-bottom: 1px solid #99999944;
    padding-bottom: 20px;
    margin: 0 10px;
}
p.abt-text1,p.abt-text2{
  font: 500 13px/22px 'Inter';
}
p.abt-text1{
  color: #FFFFFF;
}
p.abt-text2{
  color: #F6AB4A;
}
h3.cate-head a{
  color: #000000;
  font: 700 14px/16px 'Inter';
  display: block;
}
p.cate-count{
  color: #666666;
  font: 400 12px/18px 'Inter';
  margin-top: 5px;
  margin-bottom: 0;
}
.comp-cate-box {
    padding: 25px 5px;
}
span.product-tag {
    position: absolute;
    left: 0;
    top: 0;
    background: #222222;
    border-radius: 5px;
    color: #ffffff;
    font: 400 10px / 15px 'Inter';
    padding: 4px 10px;
    text-transform: uppercase;
}
.cat-count{
  color: #666666;
  font: 400 13px/19px 'Inter';
  margin-bottom: 10px;
}
#laptop_computer .product-content h5 a{
  color: #000000;
  font: 700 14px / 17px 'Inter';
}
.product-price {
    color: #000000;
    font: 600 18px / 21px 'Inter';
}
/* -----------Product Categories-------------------- */
#product_category .section-heading-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#product_category .section-heading-box h2{
  font: 700 18px/21px 'Quicksand';
}
#product_category .read-more-btn a{
  color: #666666;
  font: 400 13px/19px 'Inter';
}
#product_category .read-more-btn a:hover,.read-more-btn a:hover{
  color: #F1352B;
}
.audio-box,.gaming-box,.office-box {
    border-bottom: 1px solid #99999955;
    padding-bottom: 30px;
}
.audio-title-box,.gaming-title-box {
    position: absolute;
    top: 30px;
    left: 25px;
}
.office-title-box{
  position: absolute;
  top: 30px;
  left: 0px;
  right: 0;
}
.audio-title-box p{
  color: #FFFFFF;
  font: 700 14px/22px 'Inter';
  width: 68%;
}
.gaming-title-box p{
  color: #000000;
  font: 700 14px/22px 'Inter';
  width: 46%;
}
.office-title-box p{
  color: #CCCCCC;
  font: 400 10px/15px 'Inter';
}
.office-title-box h4{
  color: #FFFFFF;
  font: 600 24px/28px 'Inter';
}
.cate-box-bg {
    background: #ffffff;
    border: 1px solid #DEE2E6;
    border-radius: 20px;
    padding: 20px;
}
.audio-box img,.gaming-box img,.office-box img {
    width: 100%;
    border-radius: 15px;
}
.category-main-box h5{
  padding-bottom: 0;
}
.category-main-box h5 a{
  color: #000000;
  font: 700 14px/23px 'Inter';
  display: block;
}
.category-main-box p{
  color: #666666;
  font: 400 12px/18px 'Inter';
}
.category-main-box {
    padding-top: 30px;
}
/* --------Popular Brands------------------ */
.brand-box-bg{
  background: #DEE2E6;
  border-radius: 20px;
}
.popular-brand-box {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 20px;
  padding: 35px 20px;
}
.read-more-btn i {
    font-size: 11px;
    position: relative;
    top: -1px;
    margin-left: 5px;
}
.brand-image img {
    border-radius: 20px;
}
#popular_brands .section-heading-box {
    justify-content: space-between;
}
#popular_brands .owl-stage .owl-item:nth-child(1) .brands-main-box .brand-title-box,
#popular_brands .owl-stage .owl-item:nth-child(5) .brands-main-box .brand-title-box {
    display: flex;
    flex-direction: column-reverse;
}
#popular_brands .owl-stage .owl-item:nth-child(1) .brands-main-box .brand-title-box p,
#popular_brands .owl-stage .owl-item:nth-child(5) .brands-main-box .brand-title-box p{
  color: #666666;
  font: 400 11px/16px 'Inter';
  margin-bottom: 0;
}
#popular_brands .owl-stage .owl-item:nth-child(1) .brands-main-box .brand-title-box h3,
#popular_brands .owl-stage .owl-item:nth-child(5) .brands-main-box .brand-title-box h3{
  color: #000000;
  font: 500 20px/24px 'Inter';
  width: 60%;
}
#popular_brands .owl-stage .owl-item:nth-child(2) .brands-main-box .brand-title-box h3,
#popular_brands .owl-stage .owl-item:nth-child(4) .brands-main-box .brand-title-box h3{
  color: #FFFFFF;
  font: 500 18px/21px 'Inter';
  width: 70%;
}
#popular_brands .owl-stage .owl-item:nth-child(2) .brands-main-box .brand-title-box p,
#popular_brands .owl-stage .owl-item:nth-child(4) .brands-main-box .brand-title-box p{
  color: #FFFFFF;
  font: 400 12px/18px 'Inter';
  width: 70%;
}
#popular_brands .brands-main-box .brand-title-box h3{
  color: #ffffff;
  font: 600 24px/28px 'Inter';
  padding-bottom: 0;
}
#popular_brands .brands-main-box .brand-title-box p{
  color: #ffffff;
  font: 300 24px/28px 'Inter';
  width: 70%;
}
.brand-title-box,.shop-btn{
  position: absolute;
  left: 25px;
}
.brand-title-box {
    top: 25px;
}
.shop-btn {
    bottom: 35px;
}
#popular_brands .owl-stage .owl-item:nth-child(1) .brands-main-box .shop-btn a,
#popular_brands .owl-stage .owl-item:nth-child(5) .brands-main-box .shop-btn a{
  color: #ffffff;
  font: 600 12px/18px 'Inter';
  background: #212529;
  border-radius: 80px;
  padding: 13px 25px;
}
#popular_brands .owl-stage .owl-item:nth-child(2) .brands-main-box .shop-btn a,
#popular_brands .owl-stage .owl-item:nth-child(4) .brands-main-box .shop-btn a{
  color: #000000;
  font: 600 12px/18px 'Inter';
  background: #FFFFFF;
  border-radius: 80px;
  padding: 13px 25px;
}
.text-box {
    position: absolute;
    bottom: 25px;
    left: 25px;
}
.text-box p:nth-child(1){
  color: #999999;
  font: 400 10px/15px 'Inter';
  margin-bottom: 10px;
}
.text-box p:nth-child(2){
  color: #FFFFFF;
  font: 400 20px/24px 'Inter';
  margin-bottom: 0;
}
#popular_brands .owl-nav button.owl-prev,#popular_brands .owl-nav button.owl-next{
  position: absolute;
  top: 30%;
}
#popular_brands .owl-nav button.owl-prev {
  left: -20px;
}
#popular_brands .owl-nav button.owl-next {
  right: -20px;
}
#popular_brands .owl-nav button.owl-prev span.nav-btn{
  border-radius: 0px 8px 8px 0px;
}
#popular_brands .owl-nav button.owl-next span.nav-btn{
  border-radius: 8px 0px 0px 8px;
}
span.nav-btn {
  color: #666666;
  font: 600 11px / 20px 'Inter';
  display: block;
  background: #ffffff;
  padding: 15px 20px;
  box-shadow: 0px 0px 15px 0px #00000022;
}
/* -------------Feature Section------------ */
section#features {
    margin-bottom: -90px;
}
.feature-content{
  height: 170px;
  padding: 51px 30px;
}
.feature-main-box {
    background: #EA3059;
    border-radius: 15px;
}
.feature-back-box-2{
    background: #E21441;
}
.feature-box {
    display: flex;
    align-items: center;
    gap: 22px;
}
.feature-content h3{
  font: 600 18px/23px 'Quicksand';
  color: #ffffff;
}
.feature-content p{
  color: #FFFFFFCC;
  font: 500 14px/17px 'Inter';
  margin-bottom: 0;
  width: 65%;
}
/* ----Owl Dots------------- */
.owl-dots {
    text-align: center;
}
button.owl-dot.active {
    background: #E93058 !important;
    border-color: #E93058 !important;
}
button.owl-dot {
    border: 1px solid #773961 !important;
    width: 10px;
    height: 10px;
    background: #773961 !important;
    border-radius: 0px;
    opacity: 1;
    margin: 0 5px;
}
/* -----Latest News Section-------------------------------- */
#latest_news .section-heading-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#latest_news,#testimonials {
    background: #ffffff;
    border: 1px solid #DEE2E6;
    border-radius: 20px;
    padding: 20px;
}
.news_head h3 a{
  color: #000000;
  font: 700 18px/22px 'Inter';
  display: block;
}
.news-content {
    background: #EBEEF6;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
}
.news-image img {
    border-radius: 20px;
}
.read-more-btn a{
  color: #000000;
  font: 500 14px/21px 'Inter';
}
.blog-twr .news-content:nth-child(2){
  margin-bottom: 0;
}
span.blog-time{
  color: #666666;
  font: 400 12px/18px 'Inter';
}
span.latest-post-cate{
  color: #000000;
  font: 400 12px/18px 'Inter';
}
/* ----------Testimonial------------- */
.owl-item .image-card img {
    width: auto !important;
}
.testimonial-box {
    background: #EBEEF6;
    border-radius: 20px;
    padding: 30px 50px;
}
.testimonial-star i {
    color: #009900;
    font-size: 14px;
}
.testimonial-star{
  color: #000000;
  font: 700 18px/21px 'Inter';
}
span.rating-text {
    margin-left: 10px;
}
p.testimonial-text{
  color: #000000;
  font: 400 14px/25px 'Inter';
  padding: 25px 0 40px;
}
.testimonial-title a{
  color: #000000;
  font: 700 18px/21px 'Inter';
}
span.varified-text{
  color: #009900;
  font: 700 10px/12px 'Inter';
}
p.testimonial-text1{
  color: #666666;
  font: 400 12px/20px 'Inter';
}
.testimonial-data {
    position: relative;
    left: -30px;
}
#testimonials .owl-nav {
    position: absolute;
    top: -85px;
    right: 0;
}
#testimonials .owl-nav button.owl-prev {
    margin-right: 25px;
}
/* ----Footer Contact---------------- */
.footer-contact-box p{
  color: #77878F;
  font: 400 14px/20px 'Public Sans';
  margin-bottom: 0;
}
.contact-no a{
  color: #FFFFFF;
  font: 500 18px/24px 'Inter';
}
.contact-add a{
  color: #ADB7BC;
  font: 400 16px/24px 'Inter';
}
.contact-email a{
  color: #FFFFFF;
  font: 500 16px/24px 'Inter';
}
.footer-contact-box {
    padding-top: 20px;
}
/* ------Newsletter---------------- */
.footer1 input[type="email"]{
  background: #FFFFFF;
  padding: 15px 10px;
  border: 1px solid #FFFFFF;
}
.footer1 input[type="email"]::placeholder{
  color: #00000080;
  font: 400 14px 'Quicksand';
}
.footer1 form p{
  position: relative;
}
.footer1 input[type="submit"] {
    background: #FFC527;
    padding: 11px 12px;
    color: #192229;
    letter-spacing: 2px;
    border: 1px solid #FFC527;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 600;
    font-size: 18px;
    right: 4px;
    top: 4px;
}
/*-------------FOOTER--------*/
.footer-cols h3 {
  color: #FFFFFF;
  font: 700 20px/25px 'Quicksand';
  padding-bottom: 30px;
}
.footer-cols ul{
  padding-left: 0;
}
.footer-cols ul li a {
    color: #E9E0E0;
    font: 500 15px/18px 'Inter';
    position: relative;
    display: block;
    margin-bottom: 25px;
}
.footer-cols ul li a:hover,.footer-cols .footer2 ul li a:hover{
    color: #E93058;
}
.tagcloud a {
    color: #E9E0E0;
    font: 500 14px / 20px 'Public Sans' !important;
    border: 1px solid #303639;
    border-radius: 2px;
    padding: 6px 11px;
    margin: 4px 0px;
    display: inline-block;
}
.newsletter-title-box h3 {
    color: #FFFFFF;
    font: 700 22px / 33px 'Quicksand';
}
.newsletter-title-box p {
    color: #999999;
    font: 400 14px / 21px 'Inter';
}
.footer-newsletter-form form{
  position: relative;
}
.footer-newsletter-form form input[type="email"]{
  background: #FFFFFF;
  border-radius: 46px;
  height: 52px;
  border: 1px solid #E6E6E6;
  padding: 10px;
  width: 100%;
}
.footer-newsletter-form form input[type="email"]::placeholder{
  color: #808080;
  font: 400 16px/24px 'Poppins';
}
.footer-newsletter-form form input[type="submit"]{
  color: #FFFFFF;
  font: 600 16px / 20px 'Poppins';
  background: #EA3059;
  border: 1px solid #EA3059;
  border-radius: 43px;
  height: 52px;
  transition: .3s;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 25px;
}
.footer-newsletter-form form input[type="submit"]:hover{
  background: #F2BD1F;
  border-color: #F2BD1F;
  color: #000000;
}
.footer-newsletter-form span.wpcf7-spinner{
  display: none;
}
.footer-newsletter-form form input[type="submit"]:hover{
  transition: .3s;
}
.recent-post-box {
    padding-left: 16px;
    margin-bottom: 15px;
}
p.post-date{
  color: #ffffff80;
  font: 400 14px 'Quicksand';
  margin-bottom: 5px;
}
.footer-cols .post-content a{
  color: #fefefecf;
}
.recent-post-box img {
    height: 80px;
}
.footer-social-icon-box ul li {
    display: inline;
}
.footer-social-icon-box ul li a:hover i{
  background: #EA3059;
}
.footer-social-icon-box ul li a i{
  font-size: 17px;
  margin: 0 5px;
  color: #FFFFFF;
  background: #FFFFFF1A;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer-newsletter-box {
    border-top: 2px solid #ffffff14;
    border-bottom: 2px solid #ffffff14;
    padding: 30px 0;
}
.footer-cols ul li{
  list-style: none;
}
.row.ft-details {
    padding: 10em 0 50px;
}
.copy-text span{
  color: #E9E0E0;
  font: 700 18px 'Quicksand';
}
.copy-text span a{
  color: #F2BE21;
  font-weight: 700;
}
.footer-social-icon-box ul {
    padding-left: 0;
}
/*ANIMATION*/
@keyframes zoomInDown {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInRight {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInUp {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes fadeInLeft {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
.active.zoom-In-up {
  animation: zoom-In-up 1s ease-in-out both;
}
.active.slide-in-left {
  animation: slide-in-left 1s ease-in-out both;
}
.active.slide-in-right {
  animation: slide-in-right 1s ease-in-out both;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-up {
  animation: fade-up 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-up {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

{
    animation: zoomInDown 3s ease-out 1;
}
.call-head{
  animation: zoomInRight 3s ease-out 1;
}
.appoint-bg,.row.call-phone,.row.calus-email{
  animation: zoomInUp 3s ease-out 1;
}
.inner-plan-box{
   animation: fadeInLeft 3s ease-out 1;
   box-shadow: 0px 0px 10px 2px #ededed;
}
.serv-head{
    animation: zoomInLeft 3s ease-out 1;
  }
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
{
    animation: rotate 1s linear;
}
@keyframes rotate{
    0%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(180deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.shrink {
transition: 1s ease;
}

.shrink :hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}
/*buton effects*/
.btn{
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
    overflow: hidden;
    position: relative;
    transition: all .5s ease 0s;
}
.btn:focus{ color: #fff; }
.btn:hover{
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);
    transform: rotate(-3deg) scale(1.1);
}
.btn:before,
.btn:after,
.btn span:before,
.btn span:after {
    content: "";
    background: linear-gradient(to right, rgba(0,0,0,0), #f6e58d);
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    animation: animate1 2s linear infinite;
    animation-delay: 1s;
    transition: all 0.3s;
}
.btn:after{
    background: linear-gradient(to left, rgba(0,0,0,0), #f6e58d);
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    animation: animate3 2s linear infinite;
    animation-delay: 3s;
}
.btn span:before{
    background: linear-gradient(to bottom, rgba(0,0,0,0), #f6e58d);
    width: 3px;
    height: 100%;
    left: auto;
    right: 0;
    animation: animate2 2s linear infinite;
    animation-delay: 2s;
}
.btn span:after{
    background: linear-gradient(to top, rgba(0,0,0,0), #f6e58d);
    width: 3px;
    height: 100%;
    animation: animate4 2s linear infinite;
    animation-delay: 4s;
}
.btn:hover:before,
.btn:hover:after,
.btn:hover span:before,
.btn:hover span:after{ animation-play-state: paused; }
@keyframes animate1{
    0%{ transform: translateX(-100%); }
    100%{ transform: translateX(100%); }
}
@keyframes animate2{
    0%{ transform: translateY(-100%); }
    100%{ transform: translateY(100%); }
}
@keyframes animate3{
    0%{ transform: translateX(100%); }
    100%{ transform: translateX(-100%); }
}
@keyframes animate4{
    0%{ transform: translateY(100%); }
    100%{ transform: translateY(-100%); }
}
@media only screen and (max-width: 767px){
    .btn{ margin-bottom: 30px; }
}
a.quote-btn:hover,a.plan-btn:hover {
    background: #fff !important;
}
input.appoin-button:hover {
    color: #fff !important;
}
/*----Image Effects*/
.shrink img {
transition: 1s ease;
}

.shrink img:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}
.grow img{
transition: 1s ease;
}

.grow img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}
.circle img {
transition: 1s ease;
}

.circle img:hover {
border-radius:50%;
transition: 1s ease;
}
.rotate img{
transition: 1s ease;
}

.rotate img:hover{
-webkit-transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
transition: 1s ease;
}
/* MEDIA SECTION */
@media screen and (max-width: 1440px) and (min-width: 1200px){
  .header_meta,.cart-btn-box{
    gap: 10px;
  }
  #slider .carousel-indicators {
    bottom: 15em;
  }
  h1.headtwo{
    font: 700 78px / 74px 'Poppins';
  }
  .slider_col1.position-relative {
    transform: translateY(-60%);
  }
  h2.abt-main-head{
    font: 700 22px / 24px 'Inter';
  }
  h2.abt-head{
    font: 300 22px / 24px 'Inter';
  }
  .add-content{
    top: 20px;
  }
  .comp-cate-box {
    padding: 20px 0px;
  }
  h3.cate-head a{
    font: 700 12px / 16px 'Inter';
  }
  .product-content h5 a{
    font: 500 12px / 17px 'Inter';
    width: 86%;
  }
  .product-price,.product-price ins{
    font: 600 16px / 21px 'Inter';
  }
  .product-price del{
    font: 600 12px / 18px 'Inter';
  }
  span.shipping,span.gift,span.shipping-price{
    font: 500 9px / 15px 'Inter';
  }
  .preorder, .ship-contact{
    font: 400 11px / 20px 'Inter';
  }
  p.testimonial-text{
    font: 400 12px / 22px 'Inter';
    padding: 20px 0 25px;
  }
  .news_head h3 a{
    font: 700 16px / 22px 'Inter';
  }
  .testimonial-data{
    left: -15px;
  }
  .testimonial-star{
    font: 700 16px / 19px 'Inter';
  }
  .testimonial-box{
    padding: 30px 35px;
  }
  .dog-image{
    padding-top: 20px;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1400px){
  .dog-image{
    padding-top: 8px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px){
  .slider-content-box span{
    font: 600 17px / 21px 'Quicksand';
  }
  h1.headtwo{
    font: 700 41px / 43px 'Poppins';
    -webkit-text-stroke-width: 2px;
  }
  .slide-button1 a{
    padding: 14px 32px;
  }
  .header_meta{
    justify-content: center;
  }
  .slider_col1.position-relative {
    transform: translateY(-50%);
  }
  #slider .carousel-indicators {
    bottom: 8em;
  }
  .fresh-product{
    margin-top: -9em;
  }
  .product_block{
    grid-template-columns: 25% 25% 25% 25%;
  }
  span.gift,span.shipping{
    font: 500 8px / 15px 'Inter';
  }
  .product-price ins,.product-price{
    font: 600 15px / 21px 'Inter';
  }
  .product-price del{
    font: 600 12px / 18px 'Inter';
  }
  .dog-image img {
    width: 70%;
  }
  #hot_sale .dog-image {
    padding-top: 33px;
  }
  h3.cate-head a{
    font: 700 12px / 16px 'Inter';
  }
  .comp-cate-box {
    padding: 15px 0px;
  }
  h2.abt-main-head{
    font: 700 18px / 20px 'Inter';
  }
  h2.abt-head{
    font: 300 18px / 25px 'Inter';
  }
  .add-content{
    top: 10px;
  }
  .computer-bottom-box{
    bottom: 15px;
  }
  .news_head h3 a{
    font: 700 15px / 20px 'Inter';
  }
  .testimonial-box{
    padding: 20px 30px;
  }
  .testimonial-star{
    font: 700 13px / 21px 'Inter';
  }
  p.testimonial-text{
    font: 400 12px / 25px 'Inter';
    padding: 13px 0 0px;
  }
  .testimonial-data{
    left: -10px;
  }
  .news-title-box p{
    font: 500 14px / 34px 'Inter';
  }
  .banner-btn a{
    padding: 13px 16px;
  }
  .discover-title-box1 h2{
    font: 600 20px / 20px 'Inter';
  }
  .discover-title-box1 span{
    font: 600 12px / 15px 'Inter';
  }
  .discover-title-box2 h3{
    font: 700 22px / 36px 'Inter';
  }
  .discover-title-box1 p{
    top: 4px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  .top_bar_outer.d-flex {
    gap: 20px;
  }
  .header_meta{
    justify-content: center;
  }
  .slider_col1.position-relative {
    transform: translateY(-30%);
  }
  h1.headtwo{
    font: 700 34px / 40px 'Poppins';
    -webkit-text-stroke-width: 2px;
  }
  #slider .carousel-indicators {
      bottom: 2em;
  }
  #slider .carousel-control-next, #slider .carousel-control-prev{
    bottom: 5em;
  }
  .fresh-product{
    margin-top: 0;
  }
  .product_block{
    grid-template-columns: 33.33% 33.33% 33.33%;
  }
  .news-title-box p{
    font: 500 14px / 34px 'Inter';
  }
  #pet_food_product .product-main-box,#hot_sale .product-main-box{
    padding-bottom: 30px;
  }
  .banner-image img {
    width: 100%;
  }
  .discover-title-box2 h3{
    font: 700 20px / 36px 'Inter';
  }
  .cate-box-bg,#latest_news{
    margin-bottom: 20px;
  }
  .footer-social-icon-box ul{
    padding-left: 0;
  }
  .newsletter-form input[type="email"]{
    width: 100%;
  }
  .left-box{
    padding: 10px;
  }
  .left-box .section-heading-box h2{
    font: 500 20px / 18px 'Inter';
  }
  .deals-flipkart-tabs ul.nav li a{
    padding: 12px 12px;
  }
  #pet_food_product .dog-image{
    bottom: -94px;
  }
  #pet_food_product .dog-image{
    bottom: -19px;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px){
  .top_bar_outer.d-flex,.top_box,.header_meta{
    justify-content: center !important;
  }
  .cate-search-box {
    margin: 15px 0;
  }
  .slider_col1.position-relative {
    transform: translateY(-18%);
  }
  h1.headtwo,h1.headtwo,.slider-box span.last_slide_head{
    font: 700 35px / 33px 'Poppins';
    -webkit-text-stroke-width: 2px;
  }
  .slide-button1 a{
    padding: 13px 30px;
  }
  #slider .carousel-control-next, #slider .carousel-control-prev{
    bottom: 3em;
  }
  #fresh_product_category .owl-item .cat_block img{
    width: 80px;
  }
  .product_block{
    grid-template-columns: 50% 50%;
  }
  .tab-content .product-main-box {
      padding-bottom: 30px;
  }
  .newsletter-form input[type="email"]{
    width: 100%;
  }
  h2.abt-main-head{
    font: 700 18px / 19px 'Inter';
  }
  h2.abt-head{
    font: 300 18px / 19px 'Inter';
  }
  .add-content{
    top: 17px;
  }
  .testimonial-star{
    font: 700 15px / 21px 'Inter';
  }
  .feature-content{
    padding: 38px 11px;
  }
  .banner-image {
    margin-bottom: 15px;
  }
  .banner-back-img{
    padding: 2em 0em;
  }
  .newsletter-title-box,.footer-social-icon-box {
    text-align: center;
  }
  .footer-social-icon-box ul {
    padding-left: 0;
  }
  ul.products.columns-4{
    grid-template-columns: auto auto;
  }
}
@media screen and (max-width: 767px){
  .fresh-product{
    margin-top: 0;
    padding: 15px;
  }
  #fresh_product_category .owl-nav{
    right: 0px;
  }
  .slider-button.d-flex {
    justify-content: center;
  }
  .slider-image-box,#slider .carousel-indicators{
    display: none;
  }
  section#pet_food_product,section#hot_sale,section#features {
    padding: 0 15px;
  }
  .dog-image{
    position: relative;
  }
  .left-box{
    border-radius: 15px;
  }
  .news-title-box,.recent-view-box h3,.banner-back-img{
    text-align: center;
  }
  .discover-title-box1 {
    padding-bottom: 15px;
  }
  .discover-title-box2 span{
    margin: 0 auto;
  }
  .discover-title-box2 {
    padding: 15px 0;
  }
  .banner-back-img{
    padding: 3em 1em;
  }
  .cate-box-bg{
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px){
  span.mobile-open{
    padding: 15px;
    right: -31px;
  }
  .top_bar_outer.d-flex,.header_meta,.footer-newsletter-box{
    text-align: center;
  }
  .top_bar_outer.d-flex,.cate-search-box,.header_meta{
    display: block !important;
  }
  .top_box,.cart-btn-box,.product-rating.d-flex,.product-instock, .product-outofstock {
    justify-content: center !important;
  }
  .cate-search-box {
      padding: 15px 0;
  }
  .cate-toggle-box{
    width: 100%;
    margin-bottom: 10px;
    border-radius: 30px;
  }
  .side_search,.product-content h5 a,.newsletter-form input[type="email"] {
    width: 100%;
  }
  .widget_product_search input{
    border-radius: 30px;
  }
  .cart-btn-box{
    padding: 11px 0;
  }
  .slide-button1 a{
    font: 700 13px / 23px 'Quicksand';
    padding: 10px 12px;
    margin: 0 4px;
  }
  h1.headtwo{
    font: 700 25px / 26px 'Poppins';
    -webkit-text-stroke-width: 1px;
  }
  .slider_col1.position-relative {
      transform: translateY(3%);
  }
  span.slide-small-head{
    font: 600 16px / 20px 'Quicksand';
  }
  #slider .carousel-control-next, #slider .carousel-control-prev{
    bottom: 2em;
  }
  #fresh_product_category .owl-item .cat_block img{
    width: 70px;
  }
  .product-price{
    width: max-content;
  }
  .product-main-box{
    padding-bottom: 20px;
  }
  .product_block{
    grid-template-columns: 100%;
  }
  .newsletter-form input[type="submit"]{
    display: block;
    margin: 11px auto;
    position: static;
  }
  .section-heading-box h2{
    font: 600 20px / 25px 'Quicksand';
  }
  .slider-box p{
    display: none;
  }
  .banner-image img {
    object-fit: cover;
    height: 188px;
  }
  .add-content{
    top: 20px;
  }
  h2.news-main-head {
    width: 60%;
  }
  .comp-cate-box {
      padding: 20px 5px;
      text-align: center;
  }
  #popular_brands .owl-stage .owl-item:nth-child(1) .brands-main-box .brand-title-box h3, #popular_brands .owl-stage .owl-item:nth-child(5) .brands-main-box .brand-title-box h3{
    font: 500 15px / 17px 'Inter';
  }
  .brand-title-box {
    top: 15px;
  }
  #popular_brands .owl-nav button.owl-prev, #popular_brands .owl-nav button.owl-next{
    top: 15%;
  }
  #popular_brands .owl-stage .owl-item:nth-child(2) .brands-main-box .brand-title-box h3, #popular_brands .owl-stage .owl-item:nth-child(4) .brands-main-box .brand-title-box h3{
    font: 500 13px / 21px 'Inter';
    width: 82%;
  }
  span.nav-btn{
    padding: 15px 13px;
  }
  .latest-data-box,.testimonial-inner-box {
    text-align: center;
  }
  span.rating-text{
    display: block;
  }
  .testimonial-box{
    padding: 20px 15px;
  }
  .testimonial-data{
    left: 0;
  }
  .footer-cols ul li{
    width: fit-content;
    margin: 0 auto;
  }
  .footer-newsletter-form form input[type="submit"]{
    position: static;
    margin: 10px 0;
  }
  .footer-social-icon-box ul {
      padding-left: 0;
  }
  #testimonials .owl-nav{
    top: auto;
    bottom: -50px;
    right: 0;
    left: 0;
    text-align: center;
  }
  #testimonials{
    padding: 20px 20px 40px;
  }
  #latest_news, #testimonials{
    margin-bottom: 20px;
  }
  ul.products.columns-4{
    grid-template-columns: auto;
  }
}