/*
Theme Name: Car Repair Mechanic Pro
Theme URI:  https://www.themesglance.com/theme/car-repair-mechanic-pro/
Author: Themes Glance
Author URI: http://www.themesglance.com/
Description: The premium car-repair-mechanic-pro WordPress theme is fully responsive, translation ready, SEO-friendly and cross-browser compatible. It is embedded with social media icons to give the much needed exposure. It is customizable, so much so that every element of the theme can be changed including colour, background, header, footer, menu and images. It has various sections like testimonial, subscription area, gallery and other. Each of this section can be enabled/disabled. It uses simple as well as mega menu. This premium tg-food-truck WP theme is compatible with WooCoomerce and WPML plugin and can be tied with any third party plugin. For secure online donations, it uses trusted payment gateways. With this premium theme we provide our support and regular theme updates.
Version:0.0.4
Requires at least: 5.4.2
Tested up to: 6.1
Requires PHP: 5.2.4
License: GNU General Public License
License URI:license.txt
Text Domain: car-repair-mechanic-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Car Repair Mechanic Pro WordPress Theme has been created by Themes Glance(themesglance.com), 2018.
Car Repair Mechanic Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;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=Comfortaa:wght@300;400;500;600;700&display=swap');
:root {
  --brown:#2b2b2b;
  --cream:#fe5d5d;
  --white: #ffffff;
  --lightbrown: #212121;
}
:root {
  --font-livvic: 'Livvic', sans-serif;
  --font-comforta: 'Comfortaa', cursive;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
html body {
  overflow-x: hidden;
  }

/* h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-livvic);
  color:black;
  font-weight: 700;
} */
p{
    font-family: var(--font-livvic);
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--color-383838);
}
blockquote:before,blockquote:after {
  display: block;
  font-size: 80px;
  position: absolute;
  color: #7a7a7a;
}
blockquote:before {
  content: "\201C";
  left: 0px;
  top: -20px;
}
blockquote:after {
  content: "\201D";
  right: 0px;
  bottom: -10px;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
table th a {
    color: black;
    text-decoration: none;
}
.woocommerce table.shop_table{
border: 1px solid rgb(0 0 0 / 23%);
    box-shadow: 4px 2px 12px 1px #ccc;
}
.shop_table.shop_table_responsive tbody,.shop_table.shop_table_responsive td,.shop_table.shop_table_responsive tfoot,.shop_table.shop_table_responsive th,.shop_table.shop_table_responsive thead,.shop_table.shop_table_responsive tr {
    border-width: 1px !important;
}
.woocommerce table.shop_table th
{
  font-family: var(--font-livvic);
    color: grey;
    font-size: 15px;
}
.woocommerce table.shop_table td a {
    color: black;
    font-family: var(--font-livvic);
    text-decoration: none;
}
.cart_totals h2 {
    font-size: 21px;
    font-family: var(--font-livvic);
    font-weight: 600;
}

.single-page-title {
    font: normal 36px/60px Comfortaa;
}
.content_boxes .entry-date1, .entry-author1 a, .entry-comments1{
  font-size: 15px;
  color: black;
}
.single-blog-page-content{
  font: normal 24px/50px Montserrat;
}
.single-blog-page-question{
font: normal normal normal 30px/50px Comfortaa;
}
.row.single-page-metaimage img {
    height: auto;
    width: 100%;
}
.metabox.mt-4 {
    display: flex;
    margin: 15px auto;
}
.single-post-comment.mx-auto {
    margin-top: 20%;
}
#comments {
    position: relative;
}
#comments .comment-respond {
    opacity: 1;
    width: 50%;
    padding: 24px 40px 30px;
    display: block;
    margin: 0 auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
}
#reply-title {
    color: #000;
    font: 600 36px/26px DM Serif Display!important;
}
a.\#single_post.\.single-post-social-box.\.cat-item.a {
    padding: 7px 32px 12px 32px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    color: #000;
    margin: 30px;
}
.buynowfooter{
width:120px;
background: #FF1414 0% 0% no-repeat padding-box;
  background-color: rgb(255, 20, 20);
border-radius: 12px;
opacity: 1;
border: none;
font-size: 17px;
color: #f5f4f2;
font-weight: 600;
font: 600 16px/25px Montserrat;
}

.buynowfooter:hover {
	  background-color: #1C5FE9!important;
	  position: relative;

  background-color: #ff1414;
  text-decoration: none;
  border: none;
  border-radius: 15px;
  color: #fff;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.buynowfooter:active {
  box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.3);
  transform: translate(0.1em, 0.1em);
}
.btn {
  position: relative;
  /* font-size: 1.2em; */
  padding: 16px 0;
  background-color: #FF1414;
  text-decoration: none;
  border: none;
  border-radius: 15px;
  color: #fff;
  /* box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.3); */
}
.buynowheader{
	width:140px;
background: #FF1414 0% 0% no-repeat padding-box;
  background-color: rgb(255, 20, 20);
border-radius: 12px;
opacity: 1;
border: none;
font-size: 17px;
color: #f5f4f2;
font-weight: 600;
font: 600 16px/25px Montserrat;
}
.buynowheader:hover{
		  background-color: #1C5FE9!important;
	  position: relative;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.main-navigation li {
  position: relative;
  padding: 0px 13px;
   padding-top: 0px;
  display: inline-block;
  padding-top: 21px;
}
@media screen and (min-width: 1400px) and (max-width: 1550px){
    .about-right
    {
        height: 303px !important;
    }
}
@media screen and (min-width: 1600px) and (max-width: 2560px){
.slide_nav
{
  bottom: 50% !important;
}
.single-blog-page-banner-img img {
    width: 100%;
}
.prop_desc
{
  font-size: 14px !important;
}
/* .slider-main-heading, .slider-color-text
{
    font: 500 19px/45px var(--font-comforta);
} */
h1.font-weight-bold.slider-main-heading.mb-0.mb-sm-3.animated.fadeInDown.delay-2s {
    font: 900 50px/70px var(--font-comforta);
}
.about_left_img.text-lg-start.text-md-start.text-sm-center.text-center {
    padding-top: 25px;
}
.text-lg-start.text-md-start.text-sm-center.text-center.aos-init.aos-animate {
    padding-top: 50px;
    padding-left: 50px;
}
.about-right
{
  height: 303px !important;
}
.read_more_abouts_button {
    margin-top: 33px !important;
}
.about-us-sub-heading
{
  /* font-size: 31px !important;
  margin-top: 13px !important;
  line-height: 43px; */
}
.about-us-para1, .about-us-para2
{
      mar@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');gin-top: 20px !important;
      font-size: 16px !important;
}
.read_more_abouts_button {
    margin-top: 33px !important;
}
.left_card_text, .right_card_text
{
      font-size: 16px !important;
}
.left_card_uni, .right_card_uni
{
  font-size: 20px !important;
}
.left_card_head, .right_card_head {
    font-size: 20px !important;
    }
    .icon-left-box i, .icon-right-box i
    {
          margin-top: -11% !important;
    }
    #online-cooking
    {
          height: 543px !important;
    }
    .online-cooking-sub-heading {
    font-size: 53px !important;
    line-height: 68px !important;
    max-width: 664px !important;
}
.online-cooking-main-heading {
    font-size: 22px !important;
    margin-bottom: 22px;
}
.online-cooking-main-box
{
  margin-top: 89px !important;
}
#joinus .carousel-caption {
    top: 26% !important;
}
#joinus .prop_desc {
    max-width: 830px !important;
}
.our_video_recipes_col {
    margin-bottom: 13px;
}
.video-img {
    width: 93px !important;
}
.custom_video_url i
{
  padding: 5px 5px !important;
    width: 20px !important;
    height: 20px !important;
}
.trending_recipes-content
{
  top: 68% !important;
}
#latest_post .postbox-content p
{
  font-size: 16px !important;
    line-height: 32px !important;
}
#latest_post .latest-main-box img
{
  height: 410px !important;
}
.latest-main-box .postbox-content
{
  top: 63% !important;
}
#latest_post .post-title a
{
  font-size: 22px !important;
}
.latest-main-box:hover .postbox-content
{
  max-height: 385px !important;
    top: 7px !important;
}
.above_title
{
      /* margin-top: 8%!important; */
}
.post-contents-cols:hover .postbox-content
{
  /* top: 12px !important; */
}
#sidebar .post-thumb img
{
    height: 95px !important;
}
.product-inner-align
{
  left: 8px !important;
}
#products-inner .add-tocart-bg,#products-second .add-tocart-bg
{
  margin-top: -12px !important;
}
#products-inner img,#products-second img
{
  height: 147px !important;
  width: 147px !important;
  margin-top: 4px !important;
}
#products-inner .product_head a,#products-second .product_head a
{
    font: 600 22px/19px Livvic !important;
}
#products-inner .product_head,#products-second .product_head
{
    margin-bottom: 1px !important;
}
#products-inner .short_text,#products-second .short_text
{
  font-size: 14px !important;
}
#products-inner a.added_to_cart.wc-forward,#products-second a.added_to_cart.wc-forward
{
    width: 67% !important;
}
#products-inner .inner_product,#products-second .inner_product
{
    padding: 25px !important;
}
#inner-sliders .product_heads a
{
    font-size: 23px !important;
}
.product-boxs
{
    padding: 45px !important;
}
#product-sliders .product-thumbs img
{
   width: 200px !important;
    height: 200px !important;
}
.inner-product-slider-box
{
    top: 20% !important;
}
#product-sliders .star-rating
{
  font-size: 20px !important;
  left: 23px !important;
}
#product-sliders .comment-value
{
    left: -72px !important;
    font-size: 22px !important;
}
#inner-sliders .custom-product-prices bdi
{
  font-size: 22px !important;
}
#product-sliders .cart-btns.buttons a
{
    padding: 8px 17px 9px 21px !important;
}
#inner-sliders a.added_to_cart.wc-forward {
    width: 62% !important;
}
.appetizer-boxes-left
{
  left: -3px !important;
}
#appetizer-inner .product_head a
{
font: 600 23px/19px Livvic !important;
}
#appetizer-inner a.added_to_cart.wc-forward
{
    width: 51% !important;
}
#appetizer-inner .add-tocart-bg {
    display: inline-block;
}
.inner-product-slider-para
{
    font-size: 14px !important;
    max-width: 363px !important;
}
.inner-product-slider-sub-heading
{
  font-size: 31px !important;
}
}
.carousel-control-prev-icon, .carousel-control-next-icon
{
    background-image: unset !important;
}
/*-------------our services----------*/

.latest-posts-box {
    margin-left: -25px;
}
.blog-box-content img {
/* position: absolute; */
top: 0;
/* left: 0; */
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-box-content img:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(180deg,#f00,#000);
  mix-blend-mode: multiply;
  opacity: 0;
  transition: 0.5s;
}
.blog-box-content:hover img:before{
  opacity: 1;
}

.hide-sec p {
    color: #6f6d6d !important;
    font: normal normal normal 500 14px/20px Open Sans !important;
    margin-bottom: 10px;
}
#latest-post .owl-stage-outer
{
  padding-bottom: 160px;
}
.author-name a {
    font: normal normal 500 14px/17px Archivo;
    padding-left: 9px;
    color: #6f6d6d;
    position: relative;
    left: 7px;
}
.blog_con_text {
    width: max-content;
    font: normal normal 500 13px/29px Archivo;
    color: #737171;
    margin-left: -5px;
}

.author-name:after {
    content: '';
    display: block;
    background: #adabab;
    position: absolute;
    top: 6px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: -5px;
}
.latesredmore:hover
{
  color: #80891B;
}
.log-content h4 {
    line-height: 20px;
    padding-top: 5px;
}
.latset-post-heading {
    font: normal normal 600 12px/14px Archivo;
    color: var(--black);
        margin-bottom: 4px;
}
.latset-post-para {
    font: normal normal bold 25px/37px Archivo;
}
.post-contents-cols .postpic img {
    border-radius: 6px;
}
/* ----------- Spinner ------------- */
.eco-spinner-loading-box{
  position: fixed;
  width:100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  z-index: 9999999999;
  background-color: #1e2021;
}
.eco-spinner-loading-box .lds-ripple {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(assets/images/loading.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-color: #000;
}
@media screen and (min-width: 1025px){
  #menu_conatiner .nav ul li:hover ul li:hover > ul {
    display: block;
    position: absolute;
    left: 215px;
    top: -20px;
}

}

.title-box img{
  width:100%;
}

.above_title {
    /* position: absolute;
    right: 0;
    left: 0;
    margin-top: 8%; */
}

.faq-section .accordion-button:not(.collapsed)::after
{
    background-image: url("assets/images/minus.png") !important;
    color: black;
}
.faq-section .accordion-button::after
{
    background-image: url("assets/images/plus.png") !important;
    color: black;
}
.faq-section .accordion-button:not(.collapsed)
{
  background-color: var(--cream); !important;
    color: white;
   box-shadow: 4px 2px 12px 1px #ccc;
}
.faq-section a.accordion-button {
    padding: 24px;
}
.para-faq,.accordion-body {
   color: #6c6c6c;
    font-size: 15px;
    font-family: var(--font-livvic);
    line-height: 28px;
}
.faq-section .accordion-body
{
  /* margin-bottom: 25px !important; */
    padding: 22px 74px !important;
}
.faq-section .accordion-item
{
  border: unset !important;
  border: unset !important;
    /* margin-top: 25px; */
    margin-top: 25px;
    /* padding-left: 72px; */
    background: #1C5FE91C 0% 0% no-repeat padding-box;
    border: 1px solid #1C5FE99E!important;
    border-radius: 20px;
    opacity: 1;
    color: #000;
}
.faq-section a.accordion-button.collapsed {
    /* margin-top: 25px; */
    box-shadow: 4px 2px 12px 1px #ccc;
    background: #FFD2D2 0% 0% no-repeat padding-box;
    border: 1px solid #FF141499;
    border-radius: 20px;
    opacity: 1;
    padding-left: 74px;
}
.faq-section .accordion-button:not(.collapsed)
{
  /* margin-top: 25px; */
  /* margin-top: 25px; */
  /* margin-top: 25px; */
  padding-left: 72px;
  background: #1C5FE91C 0% 0% no-repeat padding-box;
  /* border: 1px solid #1C5FE99E; */
  /* border-radius: 20px; */
  /* opacity: 1; */
  color: #000;
}
.faq-section .accordion-button:not(.collapsed) svg.svg-inline--fa.fa-question{
    color: white!important;
    background-color: #1C5FE9!important;
}
i.question-iconfa-solid.fa-question {
    width: 49px;
    height: 49px;
    background: #FF1414 0% 0% no-repeat padding-box;
    opacity: 1;
    font-size: 22px;
    color: #ffff;
    padding: 9px 16px;
    border-radius: 31px;
}
svg.svg-inline--fa.fa-question{
    width: 14px;
    height: 29px;
    background: #FF1414 0% 0% no-repeat padding-box;
    opacity: 1;
    font-size: 28px;
    color: #ffff;
    padding: 9px 16px;
    border-radius: 31px;
    position: absolute;
    left: 12px;
}
.faq-section a.accordion-button {
    font-size: 16px;
    padding: 24px;
    color: black;
    font-weight: 600;
    font-family:var(--font-livvic);
    letter-spacing: 1px;
}
.contac_form1{
    background: #1C5FE9 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    position: relative;
    isolation: isolate;
}
a{
    text-decoration: none;
}
a#return-to-top{
     font-size: 50px;
      transition: all 0.3s ease;
      padding: 3px 15px;
      z-index: 5;
      color: #1C5FE9;
      width: 53px;
      height: 53px;
      background-color: unset!important;
      right: 30px;
      position: fixed;
      margin: auto;
      bottom: 15px;
}
@media screen and (max-width: 1024px) {
  .mobile_nav>li.menu-item-has-children>a:after{
    /* background-image: url('assets/images/Menu-Bar/Inner page logo.png')!important; */
    /* background-size: 100% 100%; */
  }

  /* #site-navigation ul>li.menu-item-has-children>a:after
  {
    content: "";
    background-image: url("assets/images/mobile-res-logo.png") !important;
  } */
}
.nav-link.\32:after {
    content: "";
    background-image: url(assets/images/meat-icon.png) !important;
    display: block;
    height: 30px;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 6px;
    right: 0;
    top: 8px;
}
.nav-link.\32,.nav-link.\34,.nav-link.\33
{
  position: relative !important;
}
.nav-link.\33:after
{
  content: "";
    background-image: url("assets/images/Spicy.png") !important;
    height: 30px;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 6px;
    right: 0;
    top: 8px;
    }
.nav-link.\34:after
{
  content: "";
    background-image: url("assets/images/veg-icon.png") !important;
    height: 30px;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 6px;
    right: 0;
    top: 8px;
}


/*--------------------- Latest post--------------*/
#latest_post .latest-main-box img,#full-width-blog .post-contents-cols img,.author-admin .post-contents-cols img,#blog-left-sidebar .post-contents-cols img,#blog-right-sidebar .post-contents-cols img,.category-uncategorized .post-contents-cols img {
    /* width: 100% !important;
    height: 388px; */
    object-fit: cover;
    border-radius: 10px;
}
#latest_post .latest-main-box img
{
  height: 355px;
}
#latest_post .post-title a,#full-width-blog .post-title a,.author-admin .post-title a,#blog-left-sidebar .post-title a,#blog-right-sidebar .post-title a,.category-uncategorized .post-title a {
    font-size: 19px;
    color: #212121;
    font-weight: 600;
    font-family: var(--font-livvic);
    line-height: 29px;
}
#latest_post .post-title,#full-width-blog .post-title,.author-admin .post-title,#blog-left-sidebar .post-title,#blog-right-sidebar .post-title,.category-uncategorized .post-title {
    max-width: 277px;
}
#latest_post .blog_con_text,#full-width-blog .blog_con_text,.author-admin .blog_con_text,#blog-left-sidebar .blog_con_text,#blog-right-sidebar .blog_con_text,.category-uncategorized .blog_con_text {
    font-size: 14px;
    color: #212121;
    font-weight: 400;
    font-family: var(--font-livvic);
}
.blog-date i,.post-comments i{
    color: var(--cream);
}
#latest_post .postbox-content p,#full-width-blog .postbox-content p,.author-admin .postbox-content p,#blog-left-sidebar .postbox-content p,#blog-right-sidebar .postbox-content p,.category-uncategorized .postbox-content p {
    font-size: 13px;
    line-height: 25px;
    margin: 0;
    opacity: 0;
}
.postbox-content {
    background: white;
    position: absolute;
    top: 58%;
    margin: 17px 12px 13px 12px;
    padding: 20px;
    max-height: 118px;
    border-radius: 6px;
}
#full-width-blog .postbox-content,.author-admin .postbox-content,#blog-left-sidebar .postbox-content,#blog-left-sidebar .postbox-content,.category-uncategorized .postbox-content
{
  left: 0;
  margin: 22px;
  background-color: #fff;
}
.latest-main-box,.post-contents-cols {
    position: relative;
}
.view_all a {
    opacity: 0;
}
.latest-main-box:hover .postbox-content p,.latest-main-box:hover .view_all a,.post-contents-cols:hover .postbox-content p,.post-contents-cols:hover .view_all a
{
 opacity: 1 !important;
 transition: all 0.5s ease-in-out;
}
.latest-main-box:hover .postbox-content,.post-contents-cols:hover .postbox-content
{
  max-height:350px;
  /* top: 0; */
  transition: all 0.5s ease-in-out;
}
.latest-main-box:hover .postbox-content
{
  top: 2px;
}
.read-more-latest {
    font-size: 16px;
    color:red;
    font-weight: 600;
    font-family: var(--font-livvic);
}
#full-width-blog .postpic img, .author-admin .postpic img, #blog-left-sidebar .postpic img, #blog-right-sidebar .postpic img,.category-uncategorized .postpic img
{
  width: 100%;
}
.faqimg {
    width: 100%;
    height: fit-content;
    object-fit: cover;
}
/*-------------About Us-----------------*/
.about-alignment
{
    width: 22%;
}
.about-right {
    height: 258px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.about-us-main-heading,.schedule-main-heading,.online-cooking-main-heading,.book-truck-main-heading,.our-gallery-main-heading,.our-testmonial-main-heading,.our_dishes-main-heading,.special-menu-main-heading,.video-recipes-main-heading,.trending-main-heading,#firstWord9,.service-main-head,.product_main_text{
    font-size: 18px;
    line-height: 33px;
    color: var(--cream);
    font-weight: 400;
    font-family: var(--font-livvic);
}
.about-us-sub-heading,.schedule-sub-heading,.online-cooking-sub-heading,.newsletter-box #firstWord,.book-truck-sub-heading,.our-gallery-sub-heading,.our-testimonial-sub-heading,.our_dishes-sub-heading,.special-menu-sub-heading,.video-recipes-sub-heading,.trending-sub-heading,.our-latest-blog-sub-heading,.services-subhead,.our-product-sub-heading {
  text-align: left;
  font: 600 41px/33px Comfortaa;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;

}
.online-cooking-sub-heading,.newsletter-box #firstWord
{
    color: var(--white);
}
.schedule-sub-heading,.newsletter-box #firstWord,.our_dishes-sub-heading,.special-menu-sub-heading,.our-latest-blog-sub-heading,.our-product-sub-heading
{
    max-width: unset;
}
.about-us-para1, .about-us-para2,.book-truck-para1,.trending-para1,.trending-para2 {
    font: normal 16px/40px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.read-more-about {
    width: 152px;
    height: 62px;
    background: #FF1414 0% 0% no-repeat padding-box;
    border-radius: 12px;
    opacity: 1;
    border: none;
    font-size: 17px;
    color: #f5f4f2;
    font-weight: 600;
    font: 600 16px/25px Montserrat;
    padding: 15px 18px;
}
.about-icon-img {
    margin: -2px 0px 0 5px;
    height: 16px;
}
.about-us-para2,.about-us-para3,.about-us-para4 {
font: normal 18px/33px Montserrat;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}
.about-us-sub-para{
      text-align: center;
      font: 16px/33px Montserrat;
      letter-spacing: 0px;
      color: #000000;
      opacity: 1;
}
.about-img{
  position: relative;
}
.row.about-img-txt {
    position: absolute;
    top: 80px;
    right: 100px;
    writing-mode: vertical-lr;
}
.about-exp{
  background-color: #ffffff;
    align-items: center;
    padding: 6px 6px;
    border-radius: 10px;
}
.user{
  background-color: #1C5FE9;
  padding: 12px 8px;
  padding-left: 11px;
  transform: rotate(90deg);
  transform-origin: 52% 48%;
  color: #fff!important;
  border-radius: 22px;
}
.user-icon{
  transform-origin: 50% 50%;
    transform: rotate(90deg);
}
.about-happy-txt{
    position: absolute;
    width: 223px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 9px #00000029;
    border-radius: 17px;
    opacity: 1;
    bottom: 63px;
    left: 100px;
}
.happy {
    font: 500 23px/3px Comfortaa;
    letter-spacing: 0.02px;
    color: #000000;
    opacity: 1;
}
p.happy_text {
    margin: 13px 0px -12px 18px;
}
.happy-text {
    position: absolute;
    display: contents;
}
.happy-img{
 padding: 34px 0px 11px 11px;
}
.happy5_txt{
width: 55px;
height: 55px;
background: #1C5FE9 0% 0% no-repeat padding-box;
opacity: 1;
color: #fff;
border-radius: 30px;
padding: 15px 13px;
margin: 0px 0px;
z-index: 9999;
}
.happy5{
  position: absolute;
}
.about-happy1-image{
background: transparent url(img/Ellipse 4.png) 0% 0% no-repeat padding-box;
opacity: 1;
}
.about-happy2-image{
  margin: -29px;
}
.about-happy3-image{
  margin: -0px;
}
.about-happy4-image{
  margin: -21px;
}
.about-happy1-image:hover,.about-happy2-image:hover,.about-happy3-image:hover,.about-happy4-image:hover{
  animation: flipInY 1s linear;
}
.happy5:hover{
  transition: transform 0.8s;
  transform-style: preserve-3d;
  transform: rotateY(360deg);
}

/*-------------schedule-----------*/

/*----------- Online Cooking----------------*/
#online-cooking {
    background-size: cover;
    height: 383px;
    background-repeat: no-repeat;
}
.online-cooking-sub-heading,.newsletter-box #firstWord {
    color: var(--white);
    font-size: 38px;
    line-height: 50px;
    max-width: 464px;
}
.star-rating {
    color: #fe5d5d;
    border-color: #fe5d5d;
    margin: 0 auto;
    overflow: hidden;
    height: 1em;
    line-height: 1;
    font-size: 15px;
    width: max-content;
    font-family: star;
    position: relative;
    letter-spacing: 6px;
    left: 15px;
}
.star-rating span {
    overflow: hidden;
    float: left;
    top: 5px;
    padding-top: 1.5em;
    position: absolute;
    left: 0;
}
.star-rating:before{
  color:#fe5d5d;
  border-color: #feb42b;
  content: "\73\73\73\73\73";
  float: left;
  top: 0;
  margin: 0 auto;
}
.star-rating span:before {
    position: absolute;
    content: "\53\53\53\53\53";
    top: -5px;
    left: 1px;
    position: absolute;
    font-family: 'star';
    color: #fe5d5d;
    border-color: #fe5d5d;
}
.comment-value {
    margin-top: -20px;
    position: relative;
    left: -61px;
    font-size: 17px;
    color: #979797;
    font-weight: 500;
    font-family: var(--font-livvic);
}
#men_product .yith-wcwl-add-button img,#inner-sliders .yith-wcwl-add-button img {
    width: 21px !important;
    float: right;
}
#men_product .nav-tabs,#products-second .nav-tabs {
    border-bottom: unset;
}
#men_product .nav-tabs .nav-link.active,#men_product .nav-tabs .nav-link,#products-second .nav-tabs .nav-link.active,#products-second .nav-tabs .nav-link {
    background-color: #fff;
    font-size: 14px;
    color: #212121;
    font-weight: 500;
    font-family: var(--font-livvic);
    border: 1px solid #dddbdb;
    text-align: center;
}
#men_product .nav-tabs .nav-link,#products-second .nav-tabs .nav-link {
    color: #515151;
    margin-left: 17px;
    border-radius: 6px;
    padding: 6px 25px;
}
#men_product .nav-tabs .nav-link.active,#products-second .nav-tabs .nav-link.active
{
    background: #fe5d5d;
    color: white;
}
.blog .topbar-button {
    display: none;
}
.blog .footer_copyright_text p {
    margin: 15px 0 29px 0;
    text-align: center;
}
.blog .widget_block {
    display: block;
}
.blog .copyright
{
    background: black;
}
.blog #topbar,.blog #sidebar .widget_search form {
    padding: 0;
}
.blog #return-to-top
{
    display: none !important;
}
.blog #sidebar .widget_search button[type="submit"]
{
   right: 31px;
   top: 47%;
   padding: 8px 12px;
}
.blog #sidebar input[type="search"]
{
    left: 28px;
    top: 27px;
    padding: 8px 10px;
}
.header-buy-now a {
    background: var(--cream);
    color: white !important;
    padding: 5px 8px;
}
.footer-buy a {
    background: var(--cream);
    color: white;
    padding: 11px 21px;
    border-radius: 25px;
}
.footer-buy {
    margin-top: -13px;
}
/* ------Search----------------- */
 .search__toggle:checked ~ .search__field {
   width: calc(100% - 44px);
   border-width: 2px;
   /* position: relative; */
   padding: 2px 0px;
}
 .search__toggle:checked ~ .search__field .search__input::placeholder {
	 opacity: 1;
}
 .search__toggle:checked ~ .search__field .search__close {
	 left: -25px;
}
 .search__toggle:checked ~ .search__field .search__button {
	 right: 5px;
	 width: 35px;
	 height: 35px;
	 border-radius: 50px;
}
 .search__toggle:checked ~ .search__field .search__button--toggle {
	 display: none;
}
 .search__toggle:checked ~ .search__field .search__button--submit {
	 display: flex;
   background-color: black;
}
 .search__close {
	 position: absolute;
	 top: 50%;
	 left: 0;
	 transform: translateX(-50%);
	 transition: 0.3s;
}
.search__toggle:checked ~ .search__field .search__close::before,
.search__toggle:checked ~ .search__field .search__close::after
{
  display: block;
}
 .search__close::before, .search__close::after {
	 position: absolute;
	 display: none;
	 content: '';
	 width: 15px;
	 height: 3px;
	 background-color: #fff;
}
 .search__close::before {
	 transform: rotate(45deg);
}
 .search__close::after {
	 transform: rotate(-45deg);
}
 .search__field {
	 position: absolute;
	 right: 0;
   top: 18px;
	 width: 40px;
	 height: 45px;
	 border: 0px solid #fff;
	 border-radius: 50px;
	 /* transform: translateX(-50%); */
	 transform-origin: right;
	 transition: 0.3s;
}
 .search__input {
   position: absolute;
   left: 0;
   border-radius: 32px;
   box-sizing: border-box;
   width: calc(100% - 10px);
   height: 87%;
   padding: 5px 15px;
   color: white;
   background-color: transparent;
   border: 0;
   outline: none;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
}
 .search__input::placeholder {
	 color: white;
	 opacity: 0;
	 transition: 0.3s;
	 transition-delay: 0.3s;
}
 .search__label {
	 cursor: pointer;
}
 .search__button {
 position: absolute;
 top: 47%;
 right: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 40px;
 height: 40px;
 /* background-color: floralwhite; */
 border-radius: 40px;
 transform: translateY(-50%);
 cursor: pointer;
 transition: 0.3s;
}
 .search__button--submit {
	 display: none;
	 border: 0;
}
 .search__icon {
	 position: relative;
	 width: 19px;
	 height: 19px;
}
 .search__icon::before {
	 display: block;
	 content: '';
	 width: 15px;
	 height: 15px;
	 background-color: transparent;
	 border: 3px solid #fff;
	 border-radius: 50px;
}
 .search__icon::after {
	 position: absolute;
	 right: 0;
	 bottom: 0;
   border-radius: 50px;
	 display: block;
	 content: '';
	 width: 8px;
	 height: 3px;
	 background-color: #fff;
	 transform: rotate(45deg);
	 transform-origin: right;
}
.topbar_button_right input:-webkit-autofill,
.topbar_button_right input:-webkit-autofill:hover,
.topbar_button_right input:-webkit-autofill:focus {

  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: none !important;
  transition: background-color 5000s ease-in-out 0s;
}
