/*
Theme Name: Local Business Directory Pro
Theme URI: https://www.revolutionwp.com/products/business-directory-wordpress-theme
Author: Revolutionwp
Author URI: https://www.revolutionwp.com/
Description: The Premium Business Directory WordPress Theme is a sophisticated, multipurpose solution tailored for building a powerful online directory for businesses, professionals, and service providers. Crafted with a minimal, clean, and elegant design, this theme is ideal for developers and business owners looking to showcase listings in a modern and visually appealing layout. Built on a Bootstrap framework with optimised codes and secure and clean code, it ensures faster page load times and solid performance. The theme is fully responsive, retina-ready, and mobile-friendly, making it accessible across all devices. With extensive customization options, including shortcodes, banner sections, and Call to Action (CTA) buttons, it allows complete control over site design and user interaction. Integrated features like the testimonial section, team profiles, and social media links enhance trust and connectivity. Whether for a local business hub or a global directory, this theme delivers both functionality and luxurious style.
Version: 0.0.1
Requires at least: 5.2.4
Requires PHP: 5.2.4
Tested up to: 6.0
License: GNU General Public License
License URI:license.txt
Text Domain: local-business-directory-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Theme Name: Local Business Directory Pro WordPress Theme has been created by Revolutionwp(revolutionwp.com), 2025.
 WordPress Theme is released under the terms of GNU GPL
*/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-blue: #F84C4C;
  --color-orange: #F84C4C;
}
:root {
  --font-archivo: 'Archivo';
  --font-hind: 'Hind';
}

html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--font-archivo);
  overflow-x: hidden;
}
body a {
  text-decoration: none;
  color: var(--color-black);
}
section img {
  max-width: 100%;
}
section {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 50px 0;
}
textarea {
  padding: 5px;
  width: 100%;
}
h2,
h5,
h6 {
  font-weight: 600 !important;
}
h2 {
  font: 28px/28px var(--font-archivo);
  color: var(--color-black);
}
h5 {
  font: 22px/28px var(--font-archivo);
}
a:hover {
    color: var(--color-blue) !important;
}
.comment-author-admin span,
.logged-in-as a {
  font: 400 14px/20px var(--font-archivo);
  color: var(--color-black);
}
.logged-in-as a:hover {
  color: var(--color-black) !important;
}
h6 {
  font: 16px/28px var(--font-archivo);
}
img {
  border: none;
  max-width: 100%;
  height: auto;
}
li {
  list-style: none;
}
h1 {
  color: var(--color-black);
}
input[type=search] {
  padding: 10px;
  font-size: 15px;
  margin-bottom: 10px;
  color: #6c6c6c;
  border: solid 1px #e1e1e1;
  width: 100%;
}
ol,ul {
  padding-left: 0 !important;
}
.comment-author-admin a {
  font: 400 14px/20px var(--font-archivo);
  color: var(--color-black) !important;
}
.comment .comment-meta {
  margin-top: 2%;
}
.comment .reply {
  margin-bottom: 2%;
}
.scroll {
  background-attachment: scroll;
}
.fixed {
  background-attachment: fixed;
}
.blog #header-menu {
  position: static;
  background: var(--color-black) !important;
}
/* #sidebar .search-submit {
  filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
  background-color: var(--color-orange);
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 9px;
  border-color: var(--color-orange);
  color: #fff
}
#sidebar .widget {
  padding: 20px;
  margin-bottom: 25px;
  border: 1px dashed #A1A1A1;
  border-radius: 25px;
}
#sidebar .widget h2 {
  font: 400 28px/50px var(--font-archivo);
  color: var(--color-black) !important;
  margin-bottom: 8%;
}
#sidebar .widget h2:after {
  display: block;
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  margin-top: 0;
  background-color: var(--color-blue);
}
#sidebar ul li {
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#sidebar a {
  font: 500 14px/24px var(--font-archivo);
  color: #242424 !important;
  align-self: center;
}
#sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  border: none;
  border-bottom: 1px solid #000 !important;
}
#sidebar label {
  display: none;
}
#sidebar input[type=search],.search [type=search] {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #6c6c6c;
  width: 100%;
}
#sidebar button[type=submit],.search [type=submit] {
  color: var(--color-white);
  padding: 5px 10px;
  font-size: 15px;
  background: var(--color-blue);
  border: unset !important;
  letter-spacing: 1px;
  font-weight: 500;
  height: 44px;
  font-family: var(--font-archivo);
}
#sidebar li img {
  width: auto !important;
}
#sidebar .widget li {
    position: relative;
    padding-left: 15px;
}
#sidebar .widget li:after {
    content: "";
    position: absolute;
    top: 17px;
    left: -3px;
    width: 8px;
    height: 9px;
    border-radius: 70px;
    border-radius: 250px 0;
    background: -webkit-gradient(linear,left top,right top,from(rgba(222 57 96 / 50%)),to(#d94568)); 
    background: linear-gradient(to right,#897bff,#F84C4C);
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-70deg);
    transition: all .3s ease-in-out!important;
}
#sidebar .widget li:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 3px;
    width: 8px;
    height: 9px;
    border-radius: 70px;
    border-radius: 250px 0;
    background: -webkit-gradient(linear,left top,right top,from(rgba(222 57 96 / 50%)),to(#d94568)); 
    background: linear-gradient(to right,#897bff,#F84C4C);
    -webkit-transform: translateX(-50%) rotate(-10deg);
    transform: translateX(-50%) rotate(-10deg);
    transition: all .3s ease-in-out!important;
} */
.wp-block-latest-comments__comment{
  padding-top: 8px;
}
/*-------------*/
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 99;
  background-color: var(--color-orange);
}
#return-to-top i {
  color: var(--color-white);
  position: relative;
  top: 13px;
  padding: 0px 18px;
  font-size: 23px;
  transition: all 0.3s ease;
}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button:hover {
  background-color: var(--color-blue) !important;
  color: var(--color-white) !important;
}
.woocommerce a {
  font: 600 16px var(--font-archivo);
}
.woocommerce-account .addresses .title h3 {
  color: var(--color-black) !important;
}
/*.woocommerce li {
  padding: 10px;
}*/
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea {
  padding: 10px;
}
.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 6%;
}
.single-product span.onsale {
  display: none;
}
.woocommerce-shop span.onsale {
  top: 16px !important;
  right: 15px !important;
  padding: 2px 9px !important;
  line-height: unset !important;
  min-height: unset !important;
  min-width: unset !important;
  border-radius: unset !important;
  background-color: var(--color-blue) !important;
}
.woocommerce-page ul.products li.product {
  transition: all .6s ease-in-out;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 5px 5px 10px 5px;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  text-align: center;
}
.woocommerce-ordering select {
  font: 700 14px/25px 'Sen', sans-serif;
  letter-spacing: 1px;
  border: none;
  border-bottom: 2px solid #e5e5e5!important;
  background-color: transparent!important;
  border-radius: 0!important;
  -webkit-transition: border-color cubic-bezier(.25, .46, .45, .94) .15s;
  -o-transition: border-color cubic-bezier(.25, .46, .45, .94) .15s;
  transition: border-color cubic-bezier(.25, .46, .45, .94) .15s;
  padding: 8% 0;
  margin-top: -15%;
}
.woocommerce .loader::before{
  display: none !important;
}
.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.loader-wrapper .loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  border: 3px solid transparent;
  border-top-color: #fff;
  border-radius: 50%;
  z-index: 1001;
  -webkit-animation: spin 1.5s infinite linear;
          animation: spin 1.5s infinite linear;
}
.loader-wrapper .loader:before, .loader-wrapper .loader:after {
  content: '';
  position: absolute;
  border-radius: 50%;
}
.loader-wrapper .loader:before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 3px solid transparent;
  border-top-color:#fff;
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}
.loader-wrapper .loader:after {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 3px solid transparent;
  border-top-color: #fff;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*Section */
.loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: var(--color-blue);
  z-index: 1000;
}
.loader-section.section-left {
  left: 0;
}
.loader-section.section-right {
  right: 0;
}

/*Finished Loading Styles*/
.loaded .section-left {
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.loaded .section-right {
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.loaded .loader {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.loaded .loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

/*----how we work-------*/

.content-box-2:before {
    content: ' ';
    background-image: url(./assets/images/how-it-works/line-1.svg);
    height: 100%;
    width: 52%;
    position: absolute;
    top: -12.3em;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    margin: 0 20.7em;
    text-align: center;
    z-index: 9;
    background-size: contain;
}
.content-box-3:before{
    content: ' ';
    background-image: url(./assets/images/how-it-works/line-2.svg);
    height: 100%;
    width: 52%;
    position: absolute;
    top: -11.8em;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    margin: 0 20.7em;
    text-align: center;
    z-index: 9;
    background-size: contain;
}
.advance-search .search_jobs{
  box-shadow: 0px 0px 20px #00000029; 
}




/* popular listing */
#popularListing .product-inner-content-box .product-image {
  height: 300px;
}
.archive-page .product-inner-content-box .product-image {
  height: 300px;
}

.archive-page .product-inner-content-box .product-image .entry-autho{
  position: absolute;
  bottom: 25px;
  right: 20px;
}
.archive-page .product-inner-content-box .product-image .single-author-image {
  width: 50px;
  height: 50px;
  object-fit: contain;
  border-radius: 50%;
}
#popularListing .product-inner-content-box .product-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#popularListing .product-inner-content-box h5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
/* place listing */
.desti-img {
  height: 400px;
}
.desti-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
p.desti-type {
  color: #fff;
  margin: 0;
}
.destination-contents{
  position: absolute;
  bottom: 15px;
  left: 20px;
  z-index: 3;
}
.place-destination-right-arrow i{
  position: absolute;
  top: 20px;
  right: 20px;
  background: #fff;
  color: var(--color-blue);
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  z-index: 2;
}
.destination-contents a{
  color: #fff;
}
.desti-img{
  position: relative;
}
.desti-img:after {
  content: "";
  width: 100%;
  height: 34%;
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent linear-gradient(180deg, #3FBAD900 0%, #000000 125%) 0% 0% no-repeat padding-box;
  transition: 0.2s ease-in-out;
  border-radius: 8px;
}

#category .product-image .entry-autho{
  position: absolute;
  bottom: 10px;
  right: 20px;
}
#category .product-image .single-author-image {
  width: 50px;
  height: 50px;
  object-fit: contain;
  border-radius: 50%;
}

#popularListing .product-inner-content-box .product-image .entry-autho{
  position: absolute;
  bottom: 25px;
  right: 20px;
}
#popularListing .product-inner-content-box .product-image .single-author-image {
  width: 50px;
  height: 50px;
  object-fit: contain;
  border-radius: 50%;
}

/* listing  */
#cat_inner-tab {
  justify-content: center;
  gap: 0 30px;
  width: fit-content;
  margin: auto;
  background: #F6F6F6;
  padding: 10px 15px !important;
  border-radius: 10px;
  border: 1px solid #a2a2a273;
}
.nav-link1 {
  border: none;
  background: none;
  font: 600 18px / 30px var(--font-archivo);
  width: 120px;
  border-radius: 8px;
  height: 48px;
}
.nav-link1.active {
  background: #F84C4C;
  color: #fff;
}
.product-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.product-inner-content-box {
  border-radius: 10px;
  padding: 13px;
  box-shadow: 0px 0px 8px 1px #B8B8B8;
}
.product-regular-price {
  font: 600 18px / 20px var(--font-archivo);
  color: #2F2F2F;
}
.product-inner-content-box .pro-content p{
  color: #2F2F2F;
  font: normal normal normal 16px / 22px Archivo;
}
.product-inner-content-box .mail-box{
  font: normal normal 600 15px/25px Archivo;
  color: #2F2F2F;
}
.product-inner-content-box .mail-box i {
  animation: tada 2s linear infinite;
}
.wachlist i {
  font-size: 0px;
  position: relative;
} 
.wachlist i:after {
  content: '\f004';
  font-size: 13px;
  font-family: 'fontawesome';
  color: #F84C4C;
  position: absolute;
  top: -10px;
  left: 10px;
}
.wachlist .pld-count-wrap {
  position: relative;
  left: 25px;
  color: #F84C4C;
}
.pld-dislike-wrap.pld-common-wrap{
  display: none;
}
.pld-like-dislike-wrap {
  margin: 0px;
  border: 1px solid #FFDCDC;
  border-radius: 4px;
  background: #FFF6F6;
}
.pld-like-dislike-wrap .pld-common-wrap {
  margin-right: 0px;
}
.wachlist i:after{
  animation: pulse 2s infinite ease-in-out alternate;
}
.pld-common-wrap > a.pld-like-dislike-trigger {
  text-decoration: none;
  box-shadow: 0 0 0 !important;
  border-bottom: 0;
}
.post-gallery-box-view i {
  border: 1px solid #FFDCDC;
  border-radius: 4px;
  background: #FFF6F6;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #F84C4C;
}
.posts-phone-outer-box {
  justify-content: start;
  display: grid;
  /* flex-direction: column; */
  text-align: start;
  gap: 10px;
}
.rating {
  border: 1px solid #FFDCDC;
  border-radius: 4px;
  background: #FFF6F6;
  /* width: 40px; */
  height: 25px;
  line-height: 25px;
  /* text-align: center; */
  color: #F84C4C;
  padding: 0px 10px;
  font-size: 14px;
}
section#category {
  margin-top: 8%;
}
@keyframes pulse{
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
  }
  100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
  }
}



.plan-boxx:hover .price-back-box-1,.plan-boxx:hover .price-back-box-2 {
  background: #f84c4c;
  padding: 30px 25px;
  border-radius: 0 0 10px 10px;
}
.plan-boxx:hover .price-back-box-1 .price-button a ,.plan-boxx:hover .price-back-box-2 .price-button a{
  background: #fff;
  color: var(--color-blue);
}

.listing-place-content-main-box:hover .desti-img:after{
  height: 100%;
  background: transparent linear-gradient(180deg, #3FBAD900 0%, #000 125%) 0% 0% no-repeat padding-box;
}

.listing-place-content-main-box::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2px;
  background: linear-gradient(130.69deg, #f84c4c 0%, rgba(18, 16, 18, 0) 50.24%, #f84c4c 100%) !important;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  z-index: 1;
  opacity: 0;
  transition: all 0.6s;
}
.listing-place-content-main-box:hover::after {
  opacity: 1;
}
.blog-category ,.place-destination-right-arrow i{
  animation: flipInX 3s infinite;
}
p.blog-category {
  margin-bottom: 0;
  font: bold 14px / 15px var(--font-archivo);
  background: var(--color-orange);
  color: var(--color-white) !important;
  width: max-content;
  padding: 4px 25px;
}
.listing-place-content-main-box:hover .place-destination-right-arrow i{
  background: var(--color-blue);
  color: #fff;
}
.apply-button:hover a {
  background: #fff;
  color: #000;
}
span.search_submit input[type="submit"]:hover,.contact-form-box input[type="submit"]:hover{
  background: #000;
  color: #fff;
}
.plan-boxx ,.brand-part-img,.down-img{
  animation: rotateCard 2s forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate-reverse;
  animation-delay: 1s;
}
@keyframes rotateCard{
  0% {
    transform: perspective(1500px) rotateY(0deg);
  }
  100% {
      transform: perspective(1500px) rotateY(20deg);
  }
}
.blog-box-content:hover .blog-content h4 a,.product-inner-content-box:hover .pro-content h5 a{
  color: #f84c4c;
}
.blog-contents-box .blog-content h4 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.product-inner-content-box .pro-content h5 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.blog-image,.product-image{
  position: relative;
  overflow: hidden;
}
.blog-image:after,.product-image .content-overlay:after{
  position: absolute;
  top: 0;
  left: -86%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(248 76 76 / 24%) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.product-image .content-overlay{
  overflow: hidden;
  border-radius: 10px;
  height: 100%;
  position: relative;
}
.blog-box-content:hover .blog-image img,.product-inner-content-box:hover .product-image .content-overlay img{
  transform: scale(1.07);
  overflow: hidden;
  transition: 0.5s ease-in-out;
  border-radius: 10px;
}
.blog-box-content:hover .blog-image:after,.product-inner-content-box:hover .product-image .content-overlay:after{
  -webkit-animation: shine .75s;
  animation: shine 2s;
}
@keyframes shine{
  100% {
    left: 125%;
  }
}
.entry-autho{
  display: none;
}





.cat-image-main-box {
  animation: flipInX 2s infinite;
  /* filter: invert(1); */
  background: transparent;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 50%;
  /* border: 1px solid #000; */
}
.cat-image-main-box img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  padding: 10px;
  filter: invert(1);
}
.cat-image-main-box:after{
  content: '';
  position: absolute;
  width: 118%;
  height: 118%;
  background: transparent;
  border: 2px dashed var(--color-black);
  color: var(--color-black);
  top: -5px;
  left: -5px;
  padding: 12px;
  border-radius: 50%;
  animation: spin 10s linear infinite;
}
@keyframes flipInX{
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }
  60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
  }
  80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
  }
}
.testimonial-left-image {
  -webkit-animation: sp 4s linear infinite;
  animation: sp 4s linear infinite;
}
@keyframes sp{
  0% {
    transform: translate(0px, 0px);
  }
  65% {
      transform: translate(10px, 10px);
  }
  100% {
      transform: translate(0, -0px);
  }
}











/* ---Single Post Page----- */
.single-post-img img{
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
#single-post .single-author-image{
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
#single-post .author-name{
  font: normal normal 600 14px / 24px var(--font-archivo);
  text-transform: capitalize;
  color: #000000;
}
.meta-heading{
  font: 500 15px / 16px var(--font-archivo);
  letter-spacing: 0px;
  color: #000000;
}
.social-share-icon-main{
  position: absolute;
  display: flex;
  right: 0;
  text-align: center;
  gap: 5px;
  opacity: 0;
}
.social-share-icon-main a{
  background: #000000;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  border-radius: 0;
  font-size: 12px;
  margin: 0 auto;
}
.social-share-icon-main a:hover{
  background: var(--red);
  color: #fff;
}
.share_icon:hover .social-share-icon-main{
  opacity: 1;
  cursor: pointer;
}
.blog-que{
  font: 600 20px / 26px var(--font-archivo);
  letter-spacing: 0px;
  color: #000000;
}
.single-blog-content p{
  font: 400 15px / 28px var(--font-archivo);
  color: #000000;
  opacity: 0.7;
}
#single-post hr:not([size]) {
    height: 1px;
    background-color: #000;
    opacity: inherit;
}

#single-post .comment-respond{
  width: 100%;
  max-width: 40%;
  height: 100%;
  order: 1;
  background: #fff;
  box-shadow: 0px 0px 5px 0px #c1c1c1;
  padding: 20px;
  border-radius: 0px;
}
#single-post #commentform {
  display: flex;
  flex-wrap: wrap;
}
.comment-list{
  list-style-type: none;
  width: 55%;
  order: 2;
}
#comments h2.comments-title {
  display: none;
}
#single-post .comment-form-url,.comment-notes{
  display: none;
}
#single-post .comment-form-author{
  order: 2;
  width: 100%;
  display: grid;
}
#single-post .comment-form-email{
  order: 3;
  width: 100%;
  display: grid;
}
#single-post .comment-form-comment{
  order: 4;
  width: 100%;
  display: grid;
}
/*------------------ Comments BOX ------------------*/
#comments {
  float: left;
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
#comments h2.comments-title {
  font-size: 20px;
  font-weight: bold;
}
#comments h3.comment-reply-title {
  font-size: 20px;
  font-weight: bold;
  clear: both;
}
#comments input[type="text"], #comments input[type="email"], #comments textarea {
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid #2F363C;
  border-radius: 6px;
  font-family: var(--font-archivo);
  width: 100%;
}
#comments textarea {
  height: 120px;
}
#comments input[type="submit"].submit {
  /* border-radius: 50px 0px 0px 50px; */
  background: #F84C4C;
  font: 400 14px / 20px var(--font-archivo);
  letter-spacing: 0px;
  color: #FFFFFF;
  padding: 8px 15px;
  border: none;
}
#comments input[type="submit"].submit:hover{
background-color: #F84C4C;
}
#reply-title{
position: relative;
}
#comments a time {
  color: black;
  font-weight: bold;
  font-size: 12px;
}
#comments .comment-metadata {
  width: 90%;
  float: left;
  padding: 1% 0 0 0;
}
#comments .comment-content {
  width: 90%;
  text-align: left;
  margin-left: 7%;
}
.comment-awaiting-moderation, #comments .says{
  display: none !important;
}
#comments h2#reply-title {
  margin-bottom: 15px;
  font: normal normal 600 24px / 28px var(--font-archivo);
  letter-spacing: 0px;
  color: #2F363C;
}
#single-post-page #commentform{
  display: flex;
  flex-wrap: wrap;
}
.comment-form-email{
  order: 1;
}
.comment-notes{
  order: 2;
}
.comment-form-author{
  order: 3;
}
.comment-form-comment{
  order: 4;
}
.comment-form-cookies-consent{
  order: 5;
  display: flex;
  align-items: start;
}
input#wp-comment-cookies-consent{
  margin-right: 10px;
  margin-top: 6px;
}
.form-submit{
  order: 6;
  width: fit-content;
  position: relative;
}

.comment-form-url, .reply>a i{
  display: none;
}
.comment-respond label{
  font: 500 14px / 20px var(--font-archivo);
  letter-spacing: 0px;
  color: #2F363C;
}
.comment-author.vcard img{
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.comment-author.vcard{
  display: flex;
  align-items: center;
  gap: 10px;
}
cite a{
  font: 500 20px / 28px var(--font-archivo);
  letter-spacing: 0px;
  color: #000;
  text-transform: capitalize;
}
.reply>a{
  font: 500 14px / 26px var(--font-archivo);
  letter-spacing: 0px;
  color: #000000;
}
.comment-list li{
  background: #fff;
  box-shadow: 0px 0px 5px 0px #c1c1c1;
  padding: 20px;
  border-radius: 0px;
}













/* video popup */
.modal-new {
  display: none;
  position: fixed;
  z-index: 999999999999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,.4);
}
/* Modal Content */
.modal-contents {
  background-color: #fff;
  margin: auto;
  padding: 6px;
  width: 45%;
  transition: 2s;
  border-radius: 10px;
  position: relative;
}
/* The Close Button */
 .close-one{
  color: #fff;
  float: right;
  font-size: 28px;
  padding-right: 20px;
  cursor: pointer;
  background: transparent;
  border: none;
  font-weight: 900;
  position: absolute;
  z-index: 2;
  right: 8px;
  padding: 0px 10px;
  background: #F84C4C;
}
.popular-gellery-img-box {
  height: 400px;
}
.popular-gellery-img-box img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.owl-nav{
  width: fit-content;
  margin: 10px auto 0px auto;
}
.owl-nav i{
  background: #F84C4C;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  border-radius: 6px;
  font-size: 16px;
  margin: 5px;
}