/*
Theme Name: Charity Welfare Funds
Theme URI: https://www.buywptemplates.com/products/free-charity-wordpress-theme
Author: Buywptemplates
Author URI: https://www.buywptemplates.com
Description: Charity Welfare Funds is a specialized theme tailored for nonprofit organizations, charities, and NGOs dedicated to social good, aiming to establish an impactful online presence. This versatile theme supports initiatives like animal welfare, disaster relief, children’s support, homeless care, advocacy for the underprivileged, community aid, and medical assistance. It empowers organizations by showcasing their missions through sections like About Us, which details their objectives, and Causes Undertaken, which highlights advocacy efforts and philanthropic projects. The customizable templates can be used for promoting fundraising events, donation drives, or volunteer programs under the Upcoming Events section, ensuring effective community outreach. The integrated payment gateway simplifies donations, while tools like the Charitable plugin enhance donor engagement and ease the contribution process. With features such as SEO optimization, the theme ensures higher visibility, essential for spreading awareness about causes like grants for social initiatives, relief efforts, blood drives, or medical campaigns. Social media integration allows for effective outreach, helping organizations grow their network of supporters and volunteers. Content management is made easy through well-structured pages such as Mission and Vision, FAQs, and Contact Us, enhancing user navigation. The theme is designed to support causes like philanthropy, assistance programs, grant applications, and community funding while attracting potential donors. Whether for launching new charity projects or scaling up existing campaigns, this theme equips organizations with tools for impactful advocacy. By combining ease of use, robust functionality, and visibility, the theme helps organizations drive meaningful change in social welfare, humanitarian aid, and charitable endeavors. Demo: https://demos.buywptemplates.com/charity-welfare-funds-pro/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 0.2.8
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: charity-welfare-funds
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, flexible-header, wide-blocks, block-styles, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, rtl-language-support, full-width-template, theme-options, threaded-comments, portfolio, e-commerce, blog
*/ 

*, button.product-btn:focus{
  outline:none;
  margin:0;
  padding:0;
}
html{
  overflow-x: hidden;
}
:root {
  --first-theme-color: #FF9F0D;
}
body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size: 15px;
  color: #000000;
  overflow-x: hidden;
  position: static !important;
  font-family: "Mulish", sans-serif;
}
img{
  border:none;
  height:auto;
}
section img{
  width:100%;
}
.wp-caption{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:0 0 15px;
  color: #000;
  font-family: "Quicksand", sans-serif;
}
p{
  font-size: 15px;
}
a, a:hover{
  text-decoration:none;
  color: #000000;
}
a.button.wc-forward:hover, .pagination a:hover, .page-links a:hover, #comments a time, .bradcrumbs span, .bradcrumbs a, .tags, .pagination .current, #sidebar .textwidget p a, #sidebar .textwidget a:hover,.footer-wp .woocommerce a.button:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, #sidebar h3.widget-title a.rsswidget, .page-content .read-moresec a.button, a.button, #sidebar ul li a:hover, .widget_calendar caption, #comments a.comment-reply-link:hover, .new-text p a,.comment p a, a.r_button, input[type="submit"], td.product-name a{ 
 color: var(--first-theme-color);
}
.toggle-menu button:focus,.woocommerce form .form-row input:focus.input-text, #sidebar .textwidget a:focus, textarea:focus, input:focus, .menu-header a:focus, .mid-header a:focus, #sidebar a:focus, a:focus, #woonavbar-header .nav ul li a:focus,a.closebtn.mobile-menu:focus,.logo a:focus, .toggle-menu.responsive-menu a:focus, .menu-brand .closebtn:focus, .primary-navigation .sub-menu > li > a:focus,.search-box i:focus, .menu-header a:focus, #comments textarea:focus, input[type="submit"]:focus, label:focus, input:focus,input:focus, input:focus, textarea:focus,img.custom-logo a:focus, .woocommerce  a:focus, button.product-btn:focus,.woocommerce ul.products li.product a:focus, .select2-container--default .select2-selection--single:focus, .textwidget a:focus, #sidebar input[type="submit"]:focus, .footer-wp input[type="search"]:focus, #sidebar-footer input:focus, .footer-wp button:focus, .footer-wp .tagcloud a:focus, #sidebar-footer .custom-contact-us input:focus, a.video-btn:focus{
  outline: 1px solid #968d8d !important;
}
#sidebar .widget_calendar td a{
  color: #fff;
}
#sidebar ol.wp-block-latest-comments{
  padding: 0px 15px;
}
ul,ol{
  margin:0 0 0 15px;
  padding:0;
}
p, body, *, img, .bypostauthor, .wp-caption-text, .wp-caption,.sticky, .gallery-caption, #sidebar ul{
  margin:0;
  padding:0;
}
input[type="submit"]{
  background-color: var(--first-theme-color);
  padding: 10px 20px;
  border: 2px solid var(--first-theme-color);
  border-radius: 10px;
  margin: 2% 0;
  font-size: 14px;
  font-weight: 600;
  color: #fff !important;
  text-transform: uppercase;
}
input[type="submit"]:hover{
  background-color: var(--first-theme-color);
}
.pagination span, .pagination a, .textwidget a:hover, .footer-wp .calendar_wrap a, .footer-wp .calendar_wrap a:hover, .footer-wp caption, .footer-wp td#prev a,.footer-wp td,.footer-wp th, .footer-wp li a, .footer-wp .rssSummary,.footer-wp ul li,.footer-wp p, .frame, .page-content .read-moresec a.button:hover, .footer-wp .custom-contact-us div.wpcf7-validation-errors, .footer-wp .custom-contact-us div.wpcf7-acceptance-missing, .about-social_links i, #sidebar input[type="submit"], #comments input[type="submit"].submit:hover, .footer-wp .widget_price_filter .price_slider_amount, .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, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, input[type="submit"]:hover, #comments a.comment-reply-link{
  color: #fff;
}
.related-posts, .metabox, .woocommerce ul.products li.first, .woocommerce-page ul.products li.first ,.woocommerce ul.products, .woocommerce-page ul.products, .aligncenter,img.aligncenter, .content_box .pagination ul, .pagination, .clear, #comments h3.comment-reply-title, .comment-respond{
  clear:both;
}
input[type="submit"]:hover{
  cursor: pointer;
}
input[type="text"],input[type="email"],input[type="phno"],textarea,input#url{
  border:1px solid #bcbcbc;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
.entry-video iframe, .entry-video video, .entry-audio audio, #sidebar .custom-contact-us label, #sidebar-footer .custom-contact-us input, #sidebar .custom-contact-us input[type="submit"], table, .widget_categories select, #sidebar form, .reply, #comments ol li, .navigation.post-navigation, input[type="text"],input[type="email"],input[type="phno"],textarea, .pagination, .footer-wp input[type="submit"], .footer-wp button, #sidebar button , .footer-wp input[type="search"], #sidebar input[type="search"], .content_box #comments ol li, select,.attachment img, #slider img, .woocommerce-input-wrapper,input#url{
  width:100%;
}
hr{
  margin:10px 0;
}
.center{
  text-align:center;
  margin-bottom:40px;
}
.wp-caption{
  font-size:13px;
}

/*wide block*/
.new-text .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.new-text .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}
.primary-navigation ul ul,.menu-brand.primary-nav span, .elementor-html .frame, .elementor-html .loader, .toggle-menu, a.closebtn, a.closebtn.responsive-menu{
  display: none;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.alignleft,img.alignleft {
  display: inline;
  float: left;
  margin-right:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.alignright,img.alignright {
  display: inline;
  float: right;
}
img.alignright{
  margin-top: 50px;
}
.aligncenter,img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
/*-------------- Logo -------------*/
.logo {
  padding: 10px;
  background: var(--first-theme-color);
  top: 0;
  z-index: 99;
  height: 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: polygon(0 0, 90% 0, 75% 100%, 0% 100%);
}
.logo .site-title {
  font-weight: 700;
  line-height: 1.2;
  font-size: 20px;
}
.logo .site-title a, .logo p.site-description{
  color: #fff;
}
.page-template .logo .site-logo img{
  margin-bottom: 30px;
}

/*----------------- SEARCH POPUP ----------------*/
.searchform_page {
  position: fixed;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  display: none;
}
.search_input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.search_input label{
  margin-bottom: 0;
}
.close{
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  right: 0;
  opacity: 1;
}
.searchform_page i {
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.search_input form.search-form {
  color: #000;
  font-size: 25px;
  font-weight: 300;
  text-transform: uppercase;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: #fff;
}
.search_input input[type="submit"] {
  margin: 0;
  font-size: 20px;
}
.search_input input.search-field {
  border-radius: 10px;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 10px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: #fff;
}
.main-search i, .woo-icons a{
  color: #ffffff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
}
.main-search{
  text-align: center;
}
.postbtn a:hover{
  background: var(--first-theme-color);
}

/* --------- MENUS CSS --------- */
.page-template .top-header .main-menu-header{
  position: absolute;
  z-index: 99;
  width: 100%;
  background: transparent;
  border: none;
  top: 72%;
  margin-bottom: 51px;
}
.page-template .topbar .info-sec{
  padding-top: 12px;
} 
.topbar .info-sec{
  padding-top: 25px;
}
.top-header .menu-header{
  box-shadow: 0px 4px 5px 0px #00000038;
  background-color: #ffffff;
  border-radius: 10px;
}
.top-header{
  position: relative;
}
.topbar{
  background-color: #EEEEEE;
}
.menu-brand {
  display: block;
}
.primary-navigation li.menu-item-has-children a:after, 
.primary-navigation li.page_item_has_children a:after, 
.primary-navigation ul ul li a.sf-with-ul:before{
  content: '';
  position: absolute;
  border: solid #000000;
  top: 50%;
  border-width: 0 2px 2px 0;
  padding: 2px;
  -webkit-transform: translate(0,-50%) rotate(45deg);
  transform: translate(0,-50%) rotate(45deg);
}
.primary-navigation li.menu-item-has-children a:after,
.primary-navigation li.page_item_has_children a:after{
  right: -15px;
}
.primary-navigation ul ul li a.sf-with-ul:before{
  right: 15px;
  border-color: #ffffff;
}
.primary-navigation ul{
  margin-left: 0;
}
.primary-navigation li:before{
  color: #000000;
}
.primary-navigation .current-menu-item ul ul a, .primary-navigation .current-menu-item ul a{
  color: #ffffff;
}
.primary-navigation ul{
  list-style: none !important;
}
.primary-navigation ul ul li a, .primary-navigation ul ul li a:hover, .primary-navigation li.current_page_item ul a{
  border-bottom: 0;
}
.primary-navigation li a:hover, .primary-navigation li.current_page_item a{
  border-bottom: 3px solid var(--first-theme-color);
}
.primary-navigation li a{
  border-bottom: 3px solid #0000;
}
.primary-navigation li{
  padding: 0;
  display: inline-flex;
  align-items: center;
  position: relative;
  letter-spacing: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
.primary-navigation ul li a{
  display: block;
  font-size: 15px;
  color: #000000;
  position: relative;
  font-weight: 700;
  transition: 0s all ease-in-out;
  text-transform: capitalize;
  padding-top: 15px;
  padding-bottom: 15px;
}
.primary-navigation .current_page_ancestor > a{
  color: #000000;
}
.primary-navigation ul ul li a:after {
  display: none;
}
.primary-navigation ul ul{
  position: absolute;
  min-width: 215px;
  z-index: 9999;
  top: 40px;
  margin: 0;
  -webkit-transition: max-height 3s ease-in-out;
  -moz-transition:max-height 3s ease-in-out;
  -o-transition:max-height 3s ease-in-out;
  transition: max-height 3s ease-in-out;
}
.primary-navigation ul ul ul {
  left: 100%;
  top: 25% !important;
}
.primary-navigation ul ul li{
  background: var(--first-theme-color);
  border-radius: 6px;
}
.primary-navigation ul ul a, .primary-navigation ul ul a:focus{
  padding: 15px;
  color: #fff;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none;
  padding: 0;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
  max-height: 100%;
}

/* Header */
.topbar .email, .topbar .call, .topbar .location{
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  color: #000000;
}
.topbar .email1, .topbar .call1, .topbar .location1{
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.topbar i{
  background-color: var(--first-theme-color);
  color: #FFFFFF;
  font-size: 18px;
  border-radius: 10px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-header .social-icon a{
  padding: 10px;
  font-size: 18px;
  color: #000000;
}
.menu-header .social-icon a:hover{
  color: var(--first-theme-color);
}
.menu-header .donate-btn, .postbtn a{
  background-color: var(--first-theme-color);
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 3px 10px 10px;
  border-radius: 10px;
  border: 2px solid var(--first-theme-color);
}
.menu-header .donate-btn i, .postbtn a i{
  padding: 8px;
  margin-left: 10px;
  border-radius: 10px;
  background-color: #ffffff;
  color: var(--first-theme-color);
  font-size: 14px;
}
/* Slider */
#slider{
  background-color: #000000;
}
#slider img.slider-banner-img{
  opacity: 0.3;
  height: 700px;
  object-fit: cover;
}
#slider .carousel-item:after{
  content: "";
  background: url(./images/slider-border.png) no-repeat;
  background-position: center top;
  display: block;
  height: 76px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-size: cover;
}
#slider .carousel-caption{
  position: absolute;
  right: 50%;
  left: 0;
  bottom: 33%;
  transform: translate(50%);
  padding: 0 50px;
}
#slider .slider-small-text{
  color: var(--first-theme-color);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 6px;
  text-transform: capitalize;
}
#slider h1.slider-title{
  color: #ffffff;
  font-size: 42px;
  font-weight: 700;
  line-height: 52px;
  text-transform: capitalize;
}
#slider p.slider-text{
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
#slider .slider-btn a{
  color: #000000;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px 5px 10px 10px;
  border-radius: 10px;
  transition: .5s;
}
#slider .slider-btn i{
  background-color: #000000;
  color: #ffffff;
  padding: 8px;
  margin-left: 10px;
  border-radius: 10px;
}
#slider .slider-btn a:hover{
  background-color: #000000;
  color: #ffffff;
  animation: pulse 3s infinite;
  transition: .5s;
}
#slider .slider-btn a:hover i{
  background-color: #ffffff;
  color: #000000;
  animation: pulse 3s infinite;
  transition: .5s;
}
#slider h1.slider-title,
#slider p.slider-text{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image: none;
}
#slider .carousel-control-prev, #slider .carousel-control-next{
 opacity: 1;
}
#slider .carousel-control-prev-icon i, #slider .carousel-control-next-icon i {
  background-color: var(--first-theme-color);
  color: #ffffff;
  padding: 10px;
  border-radius: 6px;
}
#slider .carousel-control-prev-icon i:hover, #slider .carousel-control-next-icon i:hover{
  background-color: #ffffff;
  color: #000000;
}

/* Charity Section */
#charity-sec .heading-box p{
  color: #232323;
  font-size: 16px;
  font-weight: 400;
}
#charity-sec .heading-box h2{
  color: #000000;
  font-size: 25px;
  font-weight: 800;
  text-transform: capitalize;
}
#charity-sec .campaign .campaign-grid li{
  width: 31%;
  margin: 15px;
  border-radius: 20px;
  padding-bottom: 0;
}
#charity-sec .campaign .campaign-grid li img{
  border-radius: 15px;
  padding-bottom: 0;
  margin-bottom: 15px;
  height: 240px;
  object-fit: cover;
}
#charity-sec .campaign .campaign-donation{
  display: none;
}
#charity-sec .campaign h3{
  color: #1E1E1E;
  font-size: 20px;
  font-weight: 900;
  text-transform: capitalize;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0;
  margin-bottom: 10px;
}
#charity-sec .campaign h3:hover{
  color: var(--first-theme-color);
}
#charity-sec .campaign .campaign-description p{
  color: #474747;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#charity-sec .campaign .campaign-progress-bar, #charity-sec .campaign .campaign-donation-stats{
  margin-bottom: 0;
  border-radius: 10px;
}
#charity-sec .campaign .campaign-donation-stats{
  background-color: #F2F0EC;
}
#charity-sec .campaign.campaign-has-no-goal .campaign-donation-stats{
  padding: 10px 15px 10px;
  top: 0;
  margin-bottom: 20px;
}
#charity-sec .campaign .campaign-progress-bar{
  background-color: #ffffff;
  border: 2px solid var(--first-theme-color);
  border-radius: 5px;
  position: relative;
  bottom: -30px;
  z-index: 1;
  left: 3%;
  right: 3%;
  width: 94%;
}
#charity-sec .campaign .campaign-donation-stats{
  padding: 65px 15px 10px;
  position: relative;
  top: -20px;
  text-align: center;
  text-transform: capitalize;
}
.single-campaign .inner-service.type-campaign .related-posts{
  display: none;
}
form.campaign-donation .donate-button, #charitable-donation-form button.button.charitable-button{
  border-radius: 10px;
  border: 2px solid var(--first-theme-color);
  font-weight: 600;
}
.charitable-campaign-wrap button.charitable-button{
  background-color: var(--first-theme-color);
  border-radius: 10px !important;
  border: 2px solid var(--first-theme-color);
  font-weight: 600 !important;
  width: auto !important;
  float: left;
}
.charitable-campaign-wrap button.charitable-button:hover{
  background-color: transparent !important;
  border: 2px solid var(--first-theme-color);
  color: var(--first-theme-color);
  filter: brightness(100%) !important; 
}
.campaign-progress-bar {
  display: flex;
  overflow: hidden;
  height: 30px;
  width: 100%;
  margin-top: 15px;
}
.campaign-progress-bar .bar {
  order: 2;
  border: 2px solid #ffffff;
  border-radius: 5px;
  height: 100%;
  transition: width 0.5s;
  z-index: 1;
}
.percentage-text {
  order: 1;
  display: flex;
  align-items: center;
  background-color: var(--first-theme-color);
  color: #ffffff;
  font-weight: bold;
  line-height: 30px; 
  z-index: 1; 
  padding: 5px;
}
.single-campaign .inner-service.type-campaign .campaign-description p{
  font-weight: 500;
}
.wp-block-woocommerce-cart .wc-block-components-product-details span.wc-block-components-product-details__name{
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
}
.wp-block-woocommerce-cart .wc-block-components-product-details span.wc-block-components-product-details__value{
  font-size: 14px;
  color: #A8A8A8;
}
.single-campaign .placeholder{
  background-color: transparent;
}
.single-campaign .campaign-summary .campaign-donation{
  text-align: left;
}
.single-campaign .charitable-donation-form select{
  padding: 13px 10px;
  border: 1px solid #bcbcbc;
  background-color: transparent;
}
.single-campaign .charitable-field-section .charitable-field-template-campaign-summary,
.single-campaign .charitable-field-section .charitable-campaign-field-progress-bar .charitable-campaign-field-inner{
  padding: 1em;
  margin-bottom: 1em;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.single-campaign .charitable-field-section .charitable-campaign-field-donate-button{
  border: 1px solid #e6e6e6;
  padding: 1em;
}
.single-campaign .charitable-field-section .charitable-field-template-campaign-summary,
.single-campaign .charitable-field-section .charitable-campaign-field-progress-bar .charitable-campaign-field-inner{
  border-bottom: 0;
  margin-bottom: 0;
}
.single-campaign .charitable-campaign-wrap .charitable-campaign-field{
  margin: 0 !important;
}
.single-campaign .charitable-campaign-wrap .charitable-prevent-select{
  display: flex;
  justify-content: space-between;
}
.single-campaign .charitable-campaign-wrap .campaign-goal {
  width: 50% !important;
  text-align: left !important; 
}
.single-campaign .charitable-field-section .campaign-summary-item{
  width: 50%;
}
.single-campaign .charitable-field-section .charitable-placeholder{
  width: 100%;
  opacity: 1;
}
.single-campaign .charitable-field-section .progress-bar-info-row{
  display: flex;
  justify-content: space-around;
}
.single-campaign .charitable-field-section .charitable-placeholder .progress{
  display: none;
}
.single-campaign .charitable-field-section .charitable-campaign-field-donate-button{
  text-align: center;
}
.single-campaign .content_box{
  width: 100%;
}

/*woocommerce*/
.woocommerce .woocommerce-MyAccount-navigation ul{
  margin: 0;
}
#sidebar .tagcloud a, #sidebar .textwidget p a, #sidebar .textwidget a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .footer-wp input[type="search"], .dot-1, .dot-2, .dot-3, a.button, #comments ol li{
  background: #fff;
}
.woocommerce ul.products li.product .button, a.checkout-button.button.alt.wc-forward, #sidebar .widget.woocommerce.widget_product_search button, .pagination .current, .pagination a:hover {
  font-weight: bold;
  font-size: 12px;
  border-radius: 10px;
  display: inline-block;
}
/* Pagination */
.content_box .nav-previous span.post-title, .content_box .nav-next span.post-title{
  word-break: break-all;
}
.blog-section .nav-previous, .blog-section .nav-next{
  display: inline-block;
}
.blog-section .nav-next{
  float: right;
}
.nav-previous a{
  float: left;
  background: var(--first-theme-color);
  padding: 12px;
  border-radius: 6px;
}
.nav-next a{
  float: right;
  background: var(--first-theme-color);
  padding: 12px;
  border-radius: 6px;
}
.nav-next a, .nav-previous a{
  color: #fff !important;
  font-weight: 500;
  font-size: 15px;
  margin:15px 0;
  border: 2px solid var(--first-theme-color);
}
/*------------- Woocommerce --------------*/
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0px !important;
}
.woocommerce nav.woocommerce-pagination ul li,.woocommerce nav.woocommerce-pagination ul{
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--first-theme-color);
  border: solid 1px var(--first-theme-color);
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  margin: 0 5px 0 0;
  font-size: 15px;
  font-weight: bold;
  padding: 12px;
  background: var(--first-theme-color);
  color: #fff;
  border: solid 1px var(--first-theme-color);
}
.woocommerce #review_form #respond textarea{
  height: auto;
}
.woocommerce-product-gallery__image {
  padding: 2px;
}
.woocommerce ul.products li.product .button,a.checkout-button.button.alt.wc-forward {
  margin-top: 1em;
  font-size: 14px;
  text-transform: none;
}
.wp-block-woocommerce-cart .wc-block-cart-items tr.wc-block-cart-items__row{
  grid-template-columns: repeat(3, 1fr) !important;
}
.woocommerce .related.products .add_to_cart_button, .woocommerce ul.products li.product .ajax_add_to_cart{
  margin: 10px 10px 10px 0;
}
.woocommerce ul.products li.product .button, .woocommerce a.added_to_cart {
  padding: 10px 12px;
  font-size: 12px;
  text-transform: uppercase;
  border: 2px solid var(--first-theme-color);
  font-weight: 600;
  background: var(--first-theme-color);
  color: #fff;
  letter-spacing: 0;
}
.menu-header .donate-btn:hover, .postbtn a:hover, .woocommerce ul.products li.product .add_to_cart_button:hover, .woocommerce a.added_to_cart:hover, .woocommerce div.product form.cart .single_add_to_cart_button:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .footer-wp input[type="submit"]:hover, .footer-wp button:hover, #sidebar button:hover, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__button:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover, #comments a.comment-reply-link:hover, #comments input[type="submit"].submit:hover, .woocommerce #respond input#submit:hover, .bradcrumbs a:hover, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__button:hover, .wp-block-woocommerce-empty-cart-block .wp-block-button a:hover, input[type="submit"]:hover, .nav-next a:hover, .nav-previous a:hover, .woocommerce ul.products li.product .view_cart_button:hover, form.campaign-donation .donate-button:hover, #charitable-donation-form button.button.charitable-button:hover, .woocommerce ul.products li.product .add_to_cart_button:hover{
  background-color: transparent !important;
  border: 2px solid var(--first-theme-color) !important;
  color: var(--first-theme-color) !important;
}
.woocommerce span.onsale{
  background: var(--first-theme-color);
  padding: 0;
  margin: 0 !important;
  color: #fff;
  font-weight: 600;
  min-height: 2em;
  min-width: 3em;
  line-height: 2;
  padding: 5px !important;
}
.woocommerce ul.products li.product {
  position: relative;
  border: 1px solid #F6F6F6;
  border-radius: 10px;
  padding: 20px !important;
  margin-bottom: 35px !important;
}
.woocommerce ul.products li.product a img{
  width: 100%;
  height: auto;
}
.woocommerce-page .products li {
  width: 30% ;
}
h2.woocommerce-loop-product__title,.woocommerce div.product .product_title {
  font-size: 25px;
  color: #000;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-size: 15px;
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 10px;
}
.woocommerce #respond input#submit{
  border: 2px solid var(--first-theme-color);
}
.woocommerce #respond input#submit, .woocommerce div.product form.cart .single_add_to_cart_button, .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, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
  background: var(--first-theme-color);
  color: #fff;
  font-size: 14px;
  padding: 8px 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 2px solid var(--first-theme-color);
}
a.added_to_cart.wc-forward {
  line-height: 1;
  font-size: 12px;
  font-weight: 600;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 10px;
}
.menu-header .donate-btn:hover i, .postbtn a:hover i, .woocommerce .product a.button:hover, .woocommerce .product 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, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  background: var(--first-theme-color);
  color: #fff !important;
}
a.checkout-button.button.alt.wc-forward {
  width: 100%;
}
.footer-wp input[type="submit"], .footer-wp button,
#sidebar input[type="submit"],
.pagination a.page-numbers, 
.page-links .page-links-title, 
.page-links a, 
.page-links .post-page-numbers.current span{
  border-radius: 10px;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  color: #fff !important;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px;
  border-radius: 0;
  border: solid 1px;
  line-height: 1;
  color: var(--first-theme-color);
}
.woocommerce-message {
  border-top-color: var(--first-theme-color);
}
.woocommerce-message::before {
  color: var(--first-theme-color);
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--first-theme-color);
  padding: 12px !important;
  margin-bottom: 10px !important;
  list-style: none !important;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
  font-weight: 500;
}
.woocommerce-product-details__short-description {
  margin-bottom: 15px;
  margin-top: 15px;
}
.woocommerce .woocommerce-ordering select {
  padding: 10px;
  font-size: 15px;
}
span.posted_in {
  display: block;
}
.woocommerce form .form-row .required{
  color: #d80000;
}
.woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a{
  text-decoration: none !important;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width: 110px;
}
.woocommerce .woocommerce-breadcrumb {
  margin: 2em 0 2em;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  margin: 0;
  font-size: 20px;
  color: #000;
}
.woocommerce a.remove{
  color: #e50000 !important;
}
.woocommerce a.remove:hover {
  background: #e50000;
}
.nav-previous a:hover ,.nav-next a:hover, .footer-wp .textwidget p a,.footer-wp a.rsswidget, #sidebar .custom_read_more a:hover, .footer-wp .custom_read_more a, .navigation.post-navigation a:hover{
  color: #fff;
}
#sidebar li.woocommerce-mini-cart-item.mini_cart_item a{
  padding: 0;
  line-height: 25px;
}
.woocommerce-info a{
  color: #515151;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color:var(--first-theme-color);
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #111;
}
.footer-wp .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
.woocommerce ul.product_list_widget li img{
  width: 20%;
}
.related .products li{
  float: none !important;
  display: inline-table;
  width: 22% !important;
  margin: 0 !important;
}
#sidebar .woocommerce .product-title, .footer-wp .woocommerce .product-title{
  font-size: 18px;
}
.woocommerce #comments ol li{
  padding: 0 !important;
}
.woocommerce .star-rating{
  float:left;
}
.woocommerce .woocommerce-product-rating{
  line-height: 1;
}
.woocommerce .woocommerce-product-rating a{
  padding-left: 10px;
}
.woocommerce ul.products li.product .price ins{
  font-weight: 600;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
  font-size: 16px;
}
.woocommerce #reply-title {
  font-size: 18px;
  font-weight: 600;
}
.woocommerce ul.product_list_widget li, #sidebar ul.cart_list li a, #sidebar ul.product_list_widget li a{
  padding: 0;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
li.cart_box, .woocommerce .widget_shopping_cart .cart_list li a, .woocommerce.widget_shopping_cart .cart_list li a,li.woocommerce-notice.woocommerce-notice--info.woocommerce-info{
  list-style: none;
}
li.woocommerce-notice.woocommerce-notice--info.woocommerce-info{
  padding: 1em 2em 1em 3.5em;
}
.woocommerce form .form-row input.input-text{
  padding: 8px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,.woocommerce .reviewer{
  font-size: 17px;
}
.related.products .woocommerce ul.products li.product{
  float: none;
  display: inline-table;
}
.woocommerce .related.products h2{
  text-align: left;
}
#sidebar .widget_shopping_cart .cart_list li, #sidebar .widget_shopping_cart .cart_list li{
  background: none;
  padding-left: 2em;
}
.woocommerce ul.product_list_widget li,.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}
ul.cart_list li .star-rating, ul.product_list_widget li .star-rating {
  margin: 5px 0;
}
.woocommerce .woocommerce-product-rating .star-rating{
  margin: 0 !important;
}
.woocommerce ul.products li.product a img, .woocommerce #customer_login h2, #sidebar .star-rating, .footer-wp .star-rating {
  margin: 0;
}
.woocommerce .products .star-rating{
  margin: 0 0 10px;
}
.woocommerce form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  display: block;
  float: none;
}
.woocommerce form .form-row input.input-text{
  border: 1px solid;
}
.woocommerce-Address, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
.woocommerce ul.products li.product:hover, .woocommerce ul.products li.product:hover img {
  border-color: var(--first-theme-color);
}
form.woocommerce-form.woocommerce-form-login.login {
  display: inline-block;
}
.woocommerce-account .addresses .title .edit {
  float: left;
  margin: 15px 0px 25px 0px;
}  
/* cart page */
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide{
  margin-left: auto;
  margin-right: auto;
} 
.wp-block-woocommerce-cart .wc-block-components-main{
  padding-right: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-components-text-input input{
  padding: 10px !important;
}
.wp-block-woocommerce-cart .wc-block-components-text-input label, .wp-block-woocommerce-checkout .wc-block-components-text-input label{
  line-height: 1;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  font-size: 15px;
  background: var(--first-theme-color);
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 10px;
  border: 2px solid var(--first-theme-color);
}
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button, .wp-block-woocommerce-cart .wc-block-components-totals-coupon__button, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__button{
  font-size: 15px;
  background: var(--first-theme-color);
  color: #fff !important;
  font-weight: 600;
  padding: 8px 20px !important;
  min-height: 0 !important;
  text-transform: uppercase;
  border: 2px solid var(--first-theme-color);
  border-radius: 10px;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon__button, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__button{
  pointer-events: unset !important;
}
.wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  padding: 8px 10px 8px 30px;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover{
  background: var(--first-theme-color);
}
.wc-block-cart .wc-block-cart-item__product a{
  text-decoration: none;
  font-size: 20px;
}
.wp-block-woocommerce-cart table.wc-block-cart-items, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #e6e3e3;
  padding: 10px;
}
.wc-block-components-sidebar span.wc-block-cart__totals-title, .wc-block-components-sidebar .wc-block-components-totals-coupon{
  text-align: center !important;
}
.wp-block-woocommerce-cart table th span, .wp-block-woocommerce-cart .wc-block-cart__totals-title, .wc-block-cart .wc-block-cart__totals-title{
  color: #000 !important;
  font-size: 15px !important;
}
.wc-block-components-main .wc-block-checkout__actions_row button, .wc-block-components-sidebar .wc-block-components-totals-coupon__content button{
  color: #000;
  border-color: #000;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a{
  border-radius: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px !important;
  font-weight: 600;
  background: var(--first-theme-color);
  color: #fff !important;
  padding: 10px 12px;
  border: 2px solid var(--first-theme-color);
}
.wp-block-woocommerce-empty-cart-block .price del span{
  text-decoration: line-through;
}
.wp-block-woocommerce-empty-cart-block .price del{
  color: inherit;
  opacity: .5;
  display: inline-block;
  font-size: 14px;
  text-decoration: line-through;
}
.wp-block-woocommerce-empty-cart-block .price ins, .wp-block-woocommerce-empty-cart-block .price span.amount{
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  font-size: 14px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price, .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart{
  text-align: left;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products{
  justify-content: space-between;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid li.wc-block-grid__product{
  position: relative;
  border: 1px solid #F6F6F6;
  border-radius: 10px;
  padding: 20px !important;
  margin-bottom: 35px !important;
  max-width: 23%;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
  padding: 5px 0;
  text-align: left;
  text-transform: capitalize;
  color: #121212 !important;
  font-size: 22px !important;
  font-weight: 400;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img{
  height: 240px !important;
  width: 258px !important;
}
.wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{
  text-decoration: none;
  width: 100%;
  position: unset;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  background: var(--first-theme-color);
  border-color: var(--first-theme-color);
  color: #fff !important;
  padding: 10px !important;
  font-size: 14px !important;
  border-radius: 3px !important;
  margin: 0 !important;
  top: 0 !important;
  right: auto !important;
  left: 0 !important;
  text-transform: capitalize !important;
}
.wc-block-components-product-metadata__description p,.wc-block-cart-item__prices .wc-block-components-product-price__value,.wc-block-cart-item__quantity button.wc-block-cart-item__remove-link{
  color:#000000 !important;
}
.wc-block-cart-item__quantity button.wc-block-cart-item__remove-link{
  font-size: 14px !important;
}

/* no result search button */
#blog_sec form.search-form{
  display: flex;
}
#blog_sec form.search-form .search-submit{
  margin: 0;
}
#blog_sec form.search-form input.search-field{
  width: 95%;
}
/* --------- Homepage --------- */
.blog-section h2 {
  font-size: 30px;
  margin-bottom: 10px;
}
.blog-section h2 a {
  color: #000;
  position: relative;
}
.blog-section h2 a::after, 
#sidebar aside h3::after, 
#sidebar aside h2.wp-block-heading::after, 
#sidebar aside .widget_block label.wp-block-search__label::after,
#sidebar aside label.wp-block-search__label::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 2px;
  bottom: 0;
  left: 0;
  background: var(--first-theme-color);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.blog-section h2 a:hover::after, 
#sidebar aside:hover h3::after, 
#sidebar aside:hover h2.wp-block-heading::after, 
#sidebar aside:hover .widget_block label.wp-block-search__label::after,
#sidebar aside:hover label.wp-block-search__label::after{
  transform: scaleX(1);
  transform-origin: bottom left;
}
.blog-section h2 a:hover,
#sidebar aside:hover h3,
#sidebar aside:hover h2.wp-block-heading, 
#sidebar aside:hover .widget_block label.wp-block-search__label,
#sidebar aside:hover label.wp-block-search__label{
  color: var(--first-theme-color);
}
.blog-section .section-title a:hover{
  text-decoration:none;
}
.blog-section .new-text p{
  font-size: 14px;
  color: rgba(0, 0, 0, 0.78);
  margin: 10px 0;
  line-height:23px;
}
.layout1 h2:after{
  margin: 7px auto 0;
}
.post-color {
  height:200px;
  width:250px;
  display: inline-block;
}
.mainbox p{
  color: #393939;
}
/* Breadcrumb */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:var(--first-theme-color);
  color: #fff;
  padding:5px 15px;
  margin:5px;
  display: inline-block;
  border-radius: 10px;
  border: 2px solid var(--first-theme-color);
}
.bradcrumbs span{
  background:var(--first-theme-color);
  color: #fff;
  padding:5px 15px;
  margin:5px;
  display: inline-block;
  border-radius: 10px;
  border: 2px solid var(--first-theme-color);
}
.new-text p a,.comment p a{
  text-decoration: underline;
}
.single-post-page .category a {
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  background-color: var(--first-theme-color);
  color: #fff;
  padding: 10px;
  border-radius: 10px;
}
.category li{
  list-style-type: none;
  margin-bottom: 5px!important;
  display: inline-block;
}
.category ul{
  margin-left: 0px;
  display: inline-block;
}
.category span{
  color: var(--first-theme-color);
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}
/* --------- Blog Page ------- */
.blog-section .metabox span i,.blog-section .metabox span a{
  margin-bottom: 12px;
}
.metabox a, .metabox span {
  color: #000;
  font-size: 15px;
}
.metabox span i{
  color: var(--first-theme-color);
}
.entry-date:hover i, .entry-date:hover a, .entry-author:hover i, .entry-author:hover a{
  color: #000 !important;
}
.metabox .entry-comments{
  font-size: 15px;
}
h1.page-title {
  margin-top: 10px;
}
.new-text p {
  margin-bottom: 20px;
  margin-top: 10px;
}
.navigation.post-navigation a {
  color: #333;
}
.meta-nav:after {
  content: ":";
  padding: 5px 5px;
}
span.meta-nav {
  font-size: 17px;
  font-weight: bold;
}
.inner-service .box-image img{
  max-width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.7;
  object-fit: cover;
  max-height: 350px;
}
.inner-service .feature-box img{
  max-width: 100%;
  max-height: 350px;
  padding: 10px;
  object-fit: cover;
}
.mainbox, .layout3, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery{
  border: 2px solid #e6f0fa;
}
.layout3, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery{
  padding: 20px;
}
.nav-links {
  padding: 30px 0;
}
.metabox i:before {
  font-size: 10px;
  background: var(--first-theme-color);
  padding: 8px;
  color: #fff;
  border-radius: 50%;
}
.inner-service {
  margin-bottom: 35px;
}
.inner-service .mainbox:hover, #sidebar aside:hover {
  box-shadow: 0px 6px 20px 0px #ddd;
}
.single .inner-service .mainbox:hover{
  box-shadow: none;
}
.blog-section h1.page-title{
  margin-top: 0;
}
/* sticky post */
#blog_sec .sticky .mainbox h2:before {
  content: '\f02e';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  padding-right: 20px;
  font-size: 20px;
}
/* Related Post */
.navigation.post-navigation {
  margin-bottom: 20px;
  display: inline-block;
  float: left;
}
.related-inner-box {
  border: 1px solid var(--first-theme-color);
}
.related-inner-box h4 {
  font-size: 20px !important;
  padding-bottom: 0;
  color: #000;
}
/* Comments BOX */
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea {
  padding:12px 10px;
  font-size:18px;
}
#comments input[type="submit"].submit{
  background:var(--first-theme-color);
  padding: 10px 50px;
  text-transform:capitalize;
  font-weight:600;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 10px;
  border: 2px solid var(--first-theme-color);
}
#comments a time{
  font-weight:bold;
  font-size:12px;
}
#comments ol {
  list-style: none;
  margin: 10px 0px;
}
#comments ol li {
  list-style: none;
  margin: 0 0 20px !important;
  padding: 20px !important;
  display: inline-block;
  border: solid 1px #f0f0f0;
}
#comments .comment-author {
  width: 50%;
  float: left;
}
.comment-meta.commentmetadata {
  float: right;
  width: 50%;
  text-align: right;
}
.reply {
  margin-bottom: 15px;
  float: left;
}
#comments a.comment-reply-link {
  background: var(--first-theme-color);
  padding: 5px 15px;
  text-decoration: none;
  color: #fff;
  border-radius: 10px;
  border: 2px solid var(--first-theme-color);
  font-weight: 600;
  text-transform: uppercase;
}
#comments a.comment-reply-link:hover {
  background: #000;
  color: #fff;
}
.content_box #comments ol li{
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}
.content_box #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
  margin-top: 20px;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
}
p.comment-form-comment label{
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ul{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,.comment-list .comment-content h2,.comment-list .comment-content h3,.comment-list .comment-content h4,.comment-list .comment-content h5,.comment-list .comment-content h6{
  margin-top:15px;
}
.content_box, .single-product .background-img-skin{
  margin: 40px 0 35px;
}
.page_content{
  margin-top: 25px;
}
p.logged-in-as a{
  color: var(--first-theme-color);
}
.comment-meta.commentmetadata a {
  color: #333;
  text-decoration: underline;
}
/*float css*/
.new-text a{
  color: var(--first-theme-color);
}
/* Block Button */
.wp-block-button .wp-block-button__link{
  border-radius: 23px;
}
.wp-block-button.is-style-squared a{
  border-radius: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  color: var(--first-theme-color);
  border: 2px solid var(--first-theme-color);
  margin: 5px 0;
}
/* Block Image */
.inner-service.format-standard .new-text .alignwide {
  margin-left  : 0;
  margin-right : 0;
}
.inner-service.format-standard .new-text .alignfull {
  margin-left  :0;
  margin-right : 0;
}
.alignfull img {
  width: 100vw;
}
/* Block Gallery */
.wp-block-gallery-3 .blocks-gallery-grid{
  margin-right: 35px;
  margin-top: 18px;
}
/* Block Layout */
.tag-content .wp-block-media-text__media img{
  width: 100% !important;
}
/* Block Widget */
#sidebar .widget_media_image .wp-block-image, #sidebar .widget_block.widget_media_gallery, #sidebar .widget_block .wp-block-calendar, #sidebar .widget_block .wp-block-tag-cloud{
  padding: 15px;
}
#sidebar .widget_block .wp-block-calendar .wp-calendar-nav, .footer-wp .widget_block .wp-block-calendar .wp-calendar-nav{
  text-align: left;
}
.footer-wp .widget_block .wp-block-calendar .wp-calendar-nav a{
  color: #ffffff;
}
#sidebar .widget_block .wp-block-image, #sidebar .widget_block .wp-block-gallery{
  margin-bottom: 0;
}
#sidebar .widget_block .wp-block-tag-cloud a, .inner-service .wp-block-tag-cloud a{
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 5px;
  display: inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar .widget_block .wp-block-tag-cloud a:hover, .inner-service .wp-block-tag-cloud a:hover, .footer-wp .widget_block .wp-block-tag-cloud a:hover{
  background-color: var(--first-theme-color);
  color: #fff;
}
.footer-wp .widget_block .wp-block-tag-cloud a{
  color: #fff;
  border: 1px solid #ddd;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
#sidebar .widget_block li.wp-social-link, .footer-wp .widget_block li.wp-social-link{
  padding: 0;
}
#sidebar .widget_block li.wp-social-link:hover, .footer-wp .widget_block li.wp-social-link:hover{
  transform: none;
}
#sidebar .widget_block li.wp-social-link a, .footer-wp .widget_block li.wp-social-link a{
  color: #ffffff;
  padding: 10px;
}
#sidebar .widget_block li.wp-social-link:before{
  display: none;
}
/*--------------- Sidebar -----------------*/
#sidebar form{
  display: table;
}
#sidebar h2.wp-block-heading{
  margin-bottom: 0;
}
#sidebar h3, #sidebar h2.wp-block-heading, #sidebar .widget_block label.wp-block-search__label{
  font-size:22px;
  color:rgba(0, 0, 0, 0.78);
  border-bottom: 1px solid #e6f0fa;
  padding: 15px;
  position: relative;
}
#sidebar label.wp-block-search__label{
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
}
#sidebar .wp-block-search__button{
  width: auto;
  text-transform: capitalize;
}
#sidebar .widget_block .wp-block-search__inside-wrapper {
  padding: 10px;
  display: grid;
  grid-template-columns: auto auto;
}
.widget_categories select {
  padding: 6px;
}
#sidebar select {
  padding: 10px;
  margin: 24px;
  width: 85%;
}
#sidebar ul.children, #sidebar ul.sub-menu{
  padding: 0 0 0 15px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:12px;
  border:solid 1px #e6f0fa;
  font-size:15px;
  color:#000;
}
input[type="search"] {
  background:transparent;
  padding:10px 10px;
  border:solid 1px var(--first-theme-color);
  font-size:15px;
  color:#000;
}
#sidebar label .search-field{
  width:100%;
  margin-bottom:15px;
}
#sidebar input[type="submit"] {
  background: var(--first-theme-color);
  border: none;
  padding: 10px;
  font-size: 16px;
  margin: 0;
  width: 100%;
  border-radius: 0;
}
#sidebar aside,#sidebar .custom-about-us, #sidebar .custom-contact-us{
  margin-bottom:30px;
  border: 2px solid #e6f0fa;
}
#sidebar ul {
  list-style:none;
  font-size:17px;
  padding: 15px;
}
#sidebar ul li a{
  color: #9e9e9e;
  line-height: 40px;
}
#sidebar ul li{
  font-size: 15px;
  position: relative;
  transition: 0.3s ease-in-out;
}
#sidebar ul li:before{
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var(--first-theme-color);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#sidebar ul li a:hover{
  color: var(--first-theme-color);
}
#sidebar ul li:hover:before {
  opacity: 1;
}
#sidebar ul li:hover {
  padding-left: 25px;
}
#sidebar .tagcloud a, #tag-cloud a{
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:5px;
  display:inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar .tagcloud a:hover, .footer-wp .tagcloud a:hover, #tag-cloud a:hover{
  background-color: var(--first-theme-color);
  color: #fff;
}
#sidebar button:hover{
  background:var(--first-theme-color);
  color: #fff;
}
#sidebar ul li.menu-item-has-children:before{
  display: none;
}
#sidebar ul li.menu-item-has-children:hover {
  padding: 0;
}
#sidebar h2, #sidebar .textwidget p, #sidebar #calendar_wrap, #sidebar .tagcloud, #sidebar .calendar_wrap{
  padding: 15px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_calendar td,.widget_calendar th {
  line-height: 2.5;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
}
.widget_calendar tbody a {
  background-color: var(--first-theme-color);
  display: block;
  font-weight: 700;
  color: #ffffff;
}
#sidebar form.search-form {
  display: block;
  border-radius: 20px;
  padding: 10px;
}
#sidebar .widget_calendar td,#sidebar .widget_calendar th ,#sidebar .widget.widget_calendar table{
  border: 1px solid #e6f0fa !important;
}
#sidebar .wp-block-latest-comments li a:hover{
  color: #000;
}
#sidebar .search-form label{
  display: block;
}
#sidebar img, #sidebar-footer img {
  max-width: 100%;
}
.mainbox, #sidebar aside{
  border-bottom: 5px solid var(--first-theme-color) !important;
  border-radius: 20px;
}
/* About widget */
.custom-about-us img {
  box-shadow: 2px 2px 8px #909090;
}
.footer-wp .custom-about-us h3{
  text-align: center;
}
h3.custom_title:after {
  margin: 0 auto;
}
.about-social_links i {
  width: 30px;
  height: 30px;
  line-height: 2;
  font-size: 15px;
  border-radius: 5px;
  box-shadow: 2px 2px 4px #909090;
}
.about-social_links i.fab.fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.about-social_links i.fab.fa-pinterest-p {
  background: #bd081c;
}
.about-social_links i.fab.fa-linkedin-in {
  background: #1b85bc;
}
.about-social_links i.fab.fa-twitter {
  background: #53a8ea;
}
.about-social_links i.fab.fa-facebook-f {
  background: #45619d;
}
.custom_read_more {
  font-size: 15px;
}
.custom-about-us form {
  text-align: left;
}
.custom_read_more a{
  border: solid 1px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
#sidebar .custom_read_more a{
  color: #fff;
  background: var(--first-theme-color);
}
/*------------- Contact us widgets --------------*/
.custom_details {
  font-size: 16px;
  font-weight: bold;
}
.custom-contact-us p{
  font-size: 15px;
}
.footer-wp .custom-contact-us input[type="submit"], .footer-wp .custom-contact-us button{
  padding: 5px 0;
}
.footer-wp .custom-contact-us div.wpcf7-validation-errors, .footer-wp .custom-contact-us div.wpcf7-acceptance-missing{
  border: 2px solid var(--first-theme-color);
}
#sidebar .custom-contact-us form {
  text-align: left;
}
#sidebar .custom-contact-us input[type="submit"]{
  padding: 10px;
}
#sidebar-footer .custom-contact-us input,#sidebar-footer .custom-contact-us textarea{
  margin-bottom: 0;
}
.custom-contact-us input[type="text"],.custom-contact-us input[type="email"], .custom-contact-us input[type="phno"], textarea{
  padding: 4px;
}
#sidebar-footer .custom-contact-us input{
  border-radius: 0;
  font-weight: 600;
}

/* Page */
.single-post .metabox .entry-comments,.single-post .metabox .entry-author,.single-post .metabox .entry-date,.single-post .metabox .entry-time {
  display: inline-block;
}
.content_box ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
.content_box ul li{
  list-style-type: circle;
  padding:0 0 0 4px;
  margin:15px 0;
  line-height:25px;
}
.content_box ul li ul li{
  list-style-type: circle;
}
.content_box ol{
  list-style: none;
  margin:0 0 0 0px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
.content_box ol li{
  list-style-type: circle;
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
.content_box ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 5px;
}
.content_box  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
}
.page-content .read-moresec a.button{
  border: 2px solid var(--first-theme-color);
  background: var(--first-theme-color);
  font-size: 15px;
  font-weight: 700;
  color: #fff !important;
  display: inline-block;
  border-radius: 10px;
}
.page-content .read-moresec a.button:hover{
  border: 2px solid #000;
  background: #000;
  color: #fff;
}
/*preloader*/
.frame {
  position: fixed;
  border-radius: 2px;
  background: var(--first-theme-color);
  z-index: 99999999;
  top: 0;
  left: 0;
}
.loader {
  position: absolute;
  width: 220px;
  height: 220px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dot-1 {
  position: absolute;
  z-index: 3;
  width: 30px;
  height: 30px;
  top: 95px;
  left: 95px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
.dot-2 {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  top: 80px;
  left: 80px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
.dot-3 {
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
  top: 65px;
  left: 65px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
          animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}
@-webkit-keyframes jump-jump-1 {
  0%, 70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes jump-jump-1 {
  0%, 70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-2 {
  0%, 40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes jump-jump-2 {
  0%, 40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-3 {
  0%, 10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes jump-jump-3 {
  0%, 10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*copyright css*/
#scrollbutton {
  position: fixed;
  bottom: 70px;
  right: 20px;
  font-size: 22px;
  padding: 12px 17px;
  border: solid 2px  var(--first-theme-color);
  color:  #fff;
  z-index: 9999;
  border-radius: 5px;
  background: var(--first-theme-color);
  visibility: visible;
}
.left {
  left: 20px;
  right: auto !important;
}
.center{
  left: 50%;
  right: auto !important;
}
.copyright-wrapper {
  background-color: var(--first-theme-color);
  font-size: 15px;
  text-align: center;
  color: #fff;
  font-weight: 500;
}
.copyright-wrapper a, .copyright-wrapper p a{
  color: #fff;
}
.footer-wp {
  background: #0d0d0f;
}
.footer-wp h3, .footer-wp .wp-block-heading {
  text-align: left;
  font-size: 25px;
  color: #fff;
}
.footer-wp h3:after, .footer-wp .wp-block-heading:after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #fff;
  margin-top: 7px;
}
.footer-wp input[type="search"]{
  padding:12px 5%;
  border: 1px solid #fff;
}
.footer-wp .search-form label {
  width: 100%;
}
.footer-wp input[type="submit"], .footer-wp button, #sidebar button {
  padding: 10px 12px;
  background: var(--first-theme-color);
  font-size: 14px;
  color: #fff;
  border-radius: 10px;
  font-weight: 600;
  border: 2px solid var(--first-theme-color);
  text-transform: uppercase;
}
#sidebar button:hover, .footer-wp button:hover{
  background: var(--first-theme-color);
}
.footer-wp button, #sidebar button{
  margin-top:0px;
}
.footer-wp caption {
  font-weight: bold;
  font-size: 20px;
}
.footer-wp table,.footer-wp th,.footer-wp td {
  border: 1px solid #858282;
  text-align: center;
}
.footer-wp th {
  text-align: center;
}
.footer-wp select {
  padding: 8px 5px;
}
.footer-wp li a {
  font-size: 15px;
}
.footer-wp ul li {
  list-style: none;
  padding: 5px 0;
}
.footer-wp ul {
  margin: 0;
}
.footer-wp .widget {
  margin: 30px 0;
}
.footer-wp .tagcloud a {
  color: #fff;
  border: 1px solid #ddd;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
.widget_block p a,.textwidget p a,.woocommerce-product-details__short-description p a,#tab-description p a{
  text-decoration: underline;
}
/* Pagination */
.pagination, .page-links {
  position:relative;
  font-size:12px;
  line-height:13px;
  font-weight:bold;
}
.pagination span, .pagination a, .page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span {
  padding: 18px;
  display: block;
  float: left;
  margin: 3px;
  text-decoration: none;
  width: auto;
  background: rgb(233 233 233 / 78%);
  color: rgba(0, 0, 0, 0.78);
  -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: bold;
}
.page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span{
  padding: 15px;
  font-size: 15px;
}
.page-links .page-links-title{
  margin: 3px 3px 3px 0;
}
.pagination .current, .page-links .post-page-numbers.current span{
  background: var(--first-theme-color);
  font-weight:bold;
  color: #fff !important;
}
.page-links{
  padding-bottom: 50px;
}
.content_box .pagination ul li, .content_box .pagination ul{
  margin:0;
}
.new-text a{
  text-decoration: underline;
}
.nav-links{
  padding: 0 0 30px 0;
}
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.nav-next,.post-navigation .nav-next {
  margin-top: 0;
}
.tags{
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}
.tags a {
  text-decoration: none!important;
  font-weight: 500;
  border-radius: 10px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  text-shadow: none;
  line-height: 3.5;
  padding: 8px;
  margin: 5px;
  font-size: 15px;
  color: #333;
}
.tags a:hover {
  background: var(--first-theme-color);
  border-color: var(--first-theme-color);
  color: #fff;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{
  display: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{
  opacity: 1;
}
.woocommerce-account .addresses .title .edit{
  background-color: var(--first-theme-color);
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 3px 10px 10px;
  border-radius: 10px;
  border: 2px solid var(--first-theme-color);
  text-decoration: none;
}
.woocommerce-account .addresses .title .edit:hover{
  background-color: transparent !important;
  border: 2px solid var(--first-theme-color);
  color: var(--first-theme-color);
}
/* social icons */
footer .socialicons{
  text-align:center;
}
footer .socialicons a{
  color: #fff;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}
.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce .entry-summary a {
  text-decoration: none !important;
}
.woocommerce div.product form.cart {
  margin: 0.5em 0;
}

/*responsive menu*/
@media screen and (max-width:434px) {
  .header button.product-button, .header input[type="search"]{
    font-size: 11px;
    padding: 8px !important;
  }
  #slider .carousel-caption{
    padding: 0 50px !important;
  }
  .wp-block-woocommerce-checkout .wc-block-checkout__actions_row{
    flex-direction: column !important;
  }
  .is-mobile .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button{
    display: block !important;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .wc-block-components-checkout-return-to-cart-button svg{
    left: 20% !important;
  }
}
@media screen and (max-width:767px) {
  .logo .site-logo img {
    margin-bottom: 0;
  }
  .topbar .mail-sec p, .topbar .phone-sec p, .topbar .location-sec p{
    display: flex;
    justify-content: center;
  }
  .topbar .info-sec{
    padding-top: 0 !important;
    display: none;
  }
  .top-header .main-menu-header{
    position: relative;
    transform: none;
    background-color: #EEEEEE;
  }
  .main-menu-header .toggle-menu{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .main-menu-header .donate-main-btn{
    padding: 12px 0;
  }
  .top-header .menu-header{
    box-shadow: none;
    background-color: #EEEEEE;
  }
  #slider .carousel-item:after{
    height: 38px;
  }
  #slider img.slider-banner-img{
    height: 400px;
  }
  #slider .carousel-caption{
    right: 0;
    transform: translate(0);
    padding: 0 70px;
  }
  #slider .slider-small-text{
    font-size: 11px;
  }
  #slider h1.slider-title{
    font-size: 22px;
    line-height: 30px;
  }
  #slider p.slider-text{
    display: none;
  }
  #slider .slider-btn{
    margin-top: 25px;
  }
  #slider .slider-btn a{
    font-size: 14px;
  }
  #charity-sec .campaign .campaign-grid li{
    margin: 15px 0;
  }
  .related .products li{
    width: 100% !important;
  }
  .search_input input[type="submit"]{
    display: block;
    width: 100%;
  }
  .page-template-home-page #header{
    position: static;
    background-color: #000000;
  }
  .new-text .alignwide {
    margin-left: 5px;
    margin-right: 5px;
  }
  #sidebar input[type="submit"]{
    padding: 10px 15px;
  }
  .products li{
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }
  .logo{
    position: static;
  }
  .page-template-home-page .top-header{
    position: relative;
  }
  .menu-header{
    margin-right: 0% !important;
  }
  .box img {
    max-height: 100%;
  }
  .main-search{
    padding-left: 0;
  }
  .woocommerce ul.products li.product .button{
    margin-right: 10px;
  }
  .woocommerce .woo-sctr-shortcode-wrap{
    margin-right: 10px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  .top-header .main-menu-header{
    top: -25px;
  }
  .logo .site-logo img {
    margin-bottom: 0;
  }
  .topbar .info-sec{
    padding-top: 0 !important;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 10px;
  }
  #slider .carousel-item:after{
    height: 45px;
  }
  #slider .carousel-caption{
    padding: 0;
  }
  #slider img.slider-banner-img{
    height: 500px;
  }
  #slider h1.slider-title{
    font-size: 32px;
    line-height: 42px;
  }
  #charity-sec .campaign .campaign-grid li{
    width: 100%;
    margin: 15px 0;
  }
  #charity-sec .campaign .campaign-progress-bar{
    left: 2%;
    right: 2%;
    width: 96%;
  }
  .topbar .logo{
    left: 0 !important;
  }
  .header button.product-button, .header .header-search input[type="search"]{
    font-size: 12px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 45% !important;
  }
  .woocommerce .woo-sctr-shortcode-wrap{
    margin-right: 10px;
  }
  #sidebar input[type="submit"]{
    padding: 11px 1px;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n){
    float: right;
  }
  .page-template-home-page .top-header{
    position: relative;
  }
  .page-template-home-page .menu-header{
    position: relative;
    top: 40px;
  }
  .menu-header{
    padding: 10px;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 50% !important;
    flex: 1 0 50% !important; 
  }
}
@media screen and (max-width: 991px){
  .header  .header-text{
    text-align: center;
  }
  .topbar .logo{
    clip-path: none;
  }
}
@media screen and (max-width: 1024px) and (min-width:992px){
  .page-template .top-header .main-menu-header{
    top: 80%;
  }
  .menu-header .social-icon a{
    font-size: 15px;
  }
  #slider .carousel-caption{
    padding: 0;
  }
  #slider .carousel-item:after{
    height: 58px;
  }
  #charity-sec .campaign .campaign-grid li{
    width: 30%;
  }
  #charity-sec .campaign .campaign-donation-stats{
    padding: 60px 10px 10px;
  }
  .primary-navigation ul li a, .primary-navigation li, .menu-header .gt_selector, .menu-header .currency-box .alg_currency_select{
    font-size: 12px;
  }
  .menu-header .gt_selector{
    width: 65px;
  }
  .menu-header .currency-box .alg_currency_select{
    width: 50px;
  }
  .woocommerce .woocommerce-ordering{
    margin-top: 1px !important;
  }
  .new-text .alignwide {
    margin-left: -15px;
    margin-right: -15px;
  }
  #sidebar input[type="submit"]{
    padding: 11px 15px;
  }
  #sidebar label .search-field{
    width: 70%;
  }
  #sidebar label{
    display: contents;
  }
  .page-template-home-page .top-header{
    position: relative;
  }
  .menu-header{
    padding: 10px;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 33% !important;
    flex: 1 0 30% !important; 
  }
  .woocommerce ul.products li.product .button, .woocommerce a.added_to_cart{
    font-size: 12px;
  }
}
@media screen and (max-width: 1000px){
  .topbar .email1, .topbar .call1, .topbar .location1{
    margin-bottom: 16px;
  }
  .menu-header .social-icon a{
    font-size: 14px;
  }
  .top-header .main-menu-header{
    position: relative;
    transform: none;
    background-color: transparent;
    margin-bottom: 0;
  }
  .primary-navigation li.menu-item-has-children a:after, .primary-navigation li.page_item_has_children a:after{
    right: 15px;
  }
  .primary-navigation ul ul li a.sf-with-ul:before{
    border-color: #000000;
  }
  .primary-navigation li.current-menu-item:before, .primary-navigation li:before{
    display: none;
  }
  a.closebtn.responsive-menu, .menu-brand.primary-nav span, .menu-brand.primary-nav .cat-content, .primary-navigation ul li a, .menubar .primary-navigation ul li, .navbar-header .cat-content{
    display: block;
  }
  .toggle-menu{
    display: none;
  }
  .primary-navigation ul li{
    border: none;
    padding: 0;
    display: block;
    border-bottom: 1px solid var(--first-theme-color);
  }
  .toggle-menu {
    cursor: pointer;
    text-align: right;
  }
  .toggle-menu i {
    font-size: 18px;
    background: var(--first-theme-color);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-right: 5px;
  }
  .main-search i {
    font-size: 18px;
    padding: 0;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #000;
  }
  .menu-brand.primary-nav {
    display: block; 
  }
  .menu-brand {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    background-color: #fff;
    transition: 0.5s width ease-in-out;
    padding-top: 70px;
    visibility: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  }
  .menu-brand.primary-nav.show{
    visibility: visible;
    width: 80%;
    transition: 0.5s width ease-in-out;
    z-index: 9999999;
  }
  .menu-brand .closebtn {
    position: absolute;
    top: 45px;
    right: 0;
    font-size: 20px;
    margin-left: 50px;
    display: block;
    color: #000;
    border:none;
    padding: 0 15px;
    background: transparent;
    transition: 0.5s width ease-in-out;
  }
  .menu-brand #site-navigation, .primary-navigation ul ul {
    width: 100%;
  }
  .menubar .primary-navigation ul li{
    border-top:1px #303030 solid;
  }
  .primary-navigation ul ul li,.toggle-menu,.primary-navigation ul li ul,.primary-navigation ul li ul ul{
    display:block !important;
  }
  .primary-navigation ul ul a{
    padding-left: 40px !important;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:65px !important;
  }
  .primary-navigation ul li ul, .primary-navigation ul li ul ul {
    display: block !important;
    opacity: 1 !important;
    height: auto !important;
  }
  .primary-navigation ul ul{
    position: static;
  }
  .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{
    color: var(--first-theme-color);
  }
  .primary-navigation ul ul li{
    background-color: transparent;
  }
  .main-menu-navigation li a{
    padding: 15px 0;
  }
  .primary-navigation ul ul a, #site-navigation li a{
    color: #000000;
    background: transparent;
    text-align: left !important;
    border-radius: 0;
    margin-left: 0;
  }
 .primary-navigation ul ul a:before{
    content: '\f111';
    position: absolute;
    height: 0;
    width: 0;
    border-top-color: #e1e1e1;
    color: var(--first-theme-color);
    font-weight: 600;
    font-family: 'Font Awesome 6 Free';
    margin-top: 6px;
    font-size: 6px;
    margin-left: -15px;
  }
  #site-navigation li a{
    border-bottom: 0;
    margin-left: 0 !important;
    padding-left: 10px;
  }
  .primary-navigation ul li.menu-item-has-children a{
    border-bottom: 1px solid var(--first-theme-color);
  }
  .primary-navigation ul li.menu-item-has-children{
    border-bottom: none;
  }
  .primary-navigation ul li a{
    font-weight: 700;
    transition: 0s all ease-in-out;
  }
  .primary-navigation ul ul a{
    font-weight: 500;
  }
  .primary-navigation ul ul a:focus{
    background: transparent !important;
  }
  .main-menu-navigation a:focus, a.closebtn:focus{
    outline: 1px solid var(--first-theme-color);
  }
  .menu-header .toggle-menu{
    text-align: right;
  }
  .primary-navigation ul{
    margin: 0;
  }
  .main-menu-navigation a:focus, .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus, .primary-navigation ul ul, .main-menu-navigation,.primary-navigation .current_page_item > a,.primary-navigation .current-menu-item > a,.primary-navigation .current_page_ancestor > a{
    background:#fff;
    color: var(--first-theme-color);
  }
  .menu-header .toggle-menu {
    display: none;
    width: 100%;
  }
  .scrollbutton.center i{
    left: 44%;
    right: 50%;
  }
  .scrollbutton.left i {
    left: 18px;
  }
  #sidebar label .search-field{
    width: 70%;
  }
  .primary-navigation ul li a:hover, .primary-navigation .current_page_item > a, .primary-navigation .current-menu-item > a, .primary-navigation .current_page_ancestor > a{
    box-shadow: none;
    border-radius: 0px;
  }
  .post-navigation .nav-previous, .post-navigation .nav-next {
    width: 40%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1199px){
  .page-template .top-header .main-menu-header{
    top: 80%;
  }
  .menu-header .social-icon a{
    font-size: 15px;
  }
  #slider .carousel-caption{
    padding: 0;
  }
  #slider .carousel-item:after{
    height: 60px;
  }
  #charity-sec .campaign .campaign-grid li{
    width: 30%;
  }
  #charity-sec .campaign .campaign-donation-stats{
    padding: 60px 10px 10px;
  }
  .primary-navigation ul li a{
    font-size: 12px;
  }
  .woocommerce ul.products li.product .button, .woocommerce a.added_to_cart{
    font-size: 12px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1440px){
  .topbar .email, .topbar .call, .topbar .location, .topbar .email1, .topbar .call1, .topbar .location1{
    margin-left: 20px;
  }
  #slider .carousel-item:after{
    height: 72px;
  }
  #slider .carousel-caption{
    padding: 0;
  }
  #charity-sec .campaign .campaign-grid li{
    width: 30%;
  }
  #charity-sec .campaign .campaign-donation-stats{
    padding: 60px 10px 10px;
  }
  .woocommerce .woo-sctr-shortcode-wrap{
    margin-right: 10px;
  }
  .woocommerce .related.products li{
    width: 29% !important;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1599px){
  .topbar .email, .topbar .call, .topbar .location, .topbar .email1, .topbar .call1, .topbar .location1{
    margin-left: 20px;
  }
}
@media screen and (min-width:1600px) and (max-width:1900px){
  .container{
    max-width: 1520px;
  }
}
@media screen and (min-width:1920px) {
  .container{
    max-width: 1620px;
  }
}