/*
Theme Name: Expert NGO Volunteer Pro
Theme URI:  https://www.seothemesexpert.com/wordpress/ngo-website-template/
Author: Seothemesexpert
Author URI: https://www.seothemesexpert.com/
Description: The NGO Website Template is a premium solution meticulously crafted for nonprofit organizations and charities aiming to establish a compelling and professional online presence. Tailored to meet the unique needs of NGOs, this template offers a sophisticated, user-friendly, and responsive design that enhances community outreach and engagement. Its primary goal is to simplify the creation of a visually striking and functional website for nonprofits, making it easier for them to manage donation drives, coordinate volunteer programs, and promote various charitable initiatives effectively. One of the key benefits of this premium template is its ability to support extensive nonprofit marketing strategies and amplify social responsibility messaging.
Version: 1.2
Requires at least: 5.4.2 
Tested up to: 6.8
Requires PHP: 5.2.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: expert-ngo-volunteer-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Expert NGO Volunteer Pro WordPress Theme has been created by seothemesexpert(seothemesexpert.com), 2021.
Expert NGO Volunteer Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */

/*********** PlusJakartaSans ***********/

@font-face {
  font-family: "PlusJakartaSans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("PlusJakartaSans Regular"), local("PlusJakartaSans-Regular"),
    url(./assets/webfonts/PlusJakartaSans-Regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "PlusJakartaSans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("PlusJakartaSans Medium"), local("PlusJakartaSans-Medium"),
    url(./assets/webfonts/PlusJakartaSans-Medium.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "PlusJakartaSans ";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("PlusJakartaSans SemiBold"), local("PlusJakartaSans-SemiBold"),
    url(./assets/webfonts/PlusJakartaSans-SemiBold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "PlusJakartaSans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("PlusJakartaSans Bold"), local("PlusJakartaSans-Bold"),
    url(./assets/webfonts/PlusJakartaSans-Bold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "PlusJakartaSans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local("PlusJakartaSans ExtraBold"), local("PlusJakartaSans-ExtraBold"),
    url(./assets/webfonts/PlusJakartaSans-ExtraBold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --color-primary-gradient: linear-gradient(to right, #fc8864 0%, #fc6064 100%);
}

:root {
  --primary-font: "PlusJakartaSans";
}
/*---------*/
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: white;
  position: relative;
  font-size: 14px;
  color: #757575;
  overflow-x: hidden;
  font-family: var(--primary-font);
  line-height: 26px;
}
label {
  margin-bottom: 0 !important;
}
img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
}
section img {
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 10px 0;
  line-height: 1.2;
  color: #30494f;
  font-family: var(--primary-font);
  font-weight: 700;
}
p {
  margin: 0 0 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
body a {
  text-decoration: none;
  color: var(--color-primary-gradient);
}
a:hover {
  text-decoration: none;
}
a:focus,
a:hover {
  text-decoration: none !important;
}
ul,
ol {
  margin: 0 0 0 15px;
  padding: 0;
}
ul li,
ol li {
  font-size: 14px;
}
:hover {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background: #ececec;
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 70px;
  position: absolute;
  left: 0px;
  top: -7%;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
input[type="password"],
textarea {
  border: 1px solid #424648;
  font-size: 12px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  background: transparent;
}
section {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0;
}
select {
  padding: 6px;
}
input[type="submit"]:hover {
  cursor: pointer;
}
.wp-caption {
  margin: 0;
  padding: 0;
  font-size: 13px;
  max-width: 100%;
}
.wp-caption-text {
  margin: 0;
  padding: 0;
}
.gallery-caption {
  margin: 0;
  padding: 0;
}
.bypostauthor {
  margin: 0;
  padding: 0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner {
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.sticky {
  margin: 0;
  padding: 0;
  background-color: #d7d7d7;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  padding: 5px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: 25px;
  padding: 5px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 5px;
}
.comment-list {
  border-radius: 30px;
  padding: 10px 10px;
}
.comment-body {
  background: #f7f7f7;
  border-radius: 30px;
  padding: 20px 20px;
}
.comment-list .comment-content ul {
  list-style: none;
  margin-left: 15px;
}
.comment-list .comment-content ul li {
  margin: 5px;
}
table,
td,
th {
  border: 1px solid #cccccc;
  text-align: center;
}
.post-template-default input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
input[type="password"] {
  width: 100%;
  margin-top: 0px;
  float: unset;
  margin-left: 0px;
}
.post-template-default textarea {
  background: white7d;
  border: 1px solid #414647;
}
a:hover {
  color: var(--color-primary-gradient);
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 0.75em;
  table-layout: fixed;
  width: 100%;
  text-align: center;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td,
.widget.widget_calendar tr,
.widget.widget_calendar th {
  border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 700;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background: var(--color-primary-gradient);
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 5px;
}
/*--------------------------  Theme Button  --------------------------*/
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart,
a.custom_read_more {
  padding: 12px 20px;
}
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
  background: var(--color-primary-gradient);
  border-radius: 30px;
  padding: 10px 14px;
  color: #fff;
}
.theme_button a,
a.theme_button2,
a.theme_button3,
a.theme_button,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart,
input[type="submit"],
a.custom_read_more,
.custom_cart a,
table.compare-list .add-to-cart td a:not(.unstyled_button),
button#bmi_submit,
.contact-box .contac_form input[type="submit"],
input[type="submit"],
.contact_shortcode input[type="submit"] {
  font: 400 14px var(--primary-font);
  display: inline-block;
  padding: 14px 28px;
  border-radius: 10px;
  border: none;
  position: relative;
  z-index: 1;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
}
.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,
.contact-box .contac_form input[type="submit"] {
  background: var(--color-primary-gradient);
  color: white;
}
.contact-box .contac_form input[type="submit"] {
  border: none;
}
a.theme_button,
.contact_shortcode input[type="submit"],
.newsletter_shortcode input[type="submit"] {
  background: var(--color-primary-gradient);
  color: white;
}
a.theme_button2,
.theme_button:hover {
  background: white;
  color: var(--color-primary-gradient);
}
a.theme_button3,
.contact_us_shortcode input[type="submit"] {
  background-color: #222222;
  color: white;
}
a.theme_button:hover,
.contact-box .contac_form input[type="submit"]:hover {
  background: var(--color-primary-gradient);
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
  color: #fff;
  transform: translateY(-7px);
}

a.theme_button2:hover {
  background: var(--color-primary-gradient);
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
  color: #fff;
  transform: translateY(-7px);
}
/*----- Site Frame -------*/
.site-frame {
  top: 0;
}
.site-frame,
.site-frame:after {
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 99999;
  background: #000;
}
.site-frame:after {
  bottom: 0;
}
.site-frame-sides:before,
.site-frame-sides:after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 1405;
  background: #000;
}
.site-frame-sides:after {
  right: 0;
}
/* --------- Widget Text ------- */
.textwidget p {
  padding-top: 15px;
  padding-bottom: 15px;
}
#sidebar form {
  margin-top: 5px;
}
/*--- Preloader 1 ---*/
.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-primary-gradient);
  cursor: pointer;
  z-index: 999999;
}
.preloarder {
  position: absolute;
  width: 100px;
  height: 70px;
  display: inline-block;
  transform-origin: center;
  animation: preloarder 1.5s linear infinite;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.preloarder .SpanLoad {
  display: flex;
  justify-content: center;
}
.preloarder span {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #fff;
  transform-origin: center 35px;
  border-radius: 50%;
}
.preloarder span:first-child {
  opacity: 0.1;
}
.preloarder span:nth-child(2) {
  transform: rotate(36deg);
  opacity: 0.2;
}
.preloarder span:nth-child(3) {
  transform: rotate(72deg);
  opacity: 0.3;
}
.preloarder span:nth-child(4) {
  transform: rotate(108deg);
  opacity: 0.4;
}
.preloarder span:nth-child(5) {
  transform: rotate(144deg);
  opacity: 0.5;
}
.preloarder span:nth-child(6) {
  transform: rotate(180deg);
  opacity: 0.6;
}
.preloarder span:nth-child(7) {
  transform: rotate(216deg);
  opacity: 0.7;
}
.preloarder span:nth-child(8) {
  transform: rotate(252deg);
  opacity: 0.8;
}
.preloarder span:nth-child(9) {
  transform: rotate(288deg);
  opacity: 0.9;
}
.preloarder span:nth-child(10) {
  transform: rotate(324deg);
  opacity: 1;
}
@keyframes preloarder {
  0% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
/*------------------ Comments BOX ------------------*/
#comments h2.comments-title {
  color: #13182c;
  font-weight: normal;
  font-size: 30px;
}
#comments h3.comment-reply-title {
  font-size: 20px;
  font-weight: bold;
  clear: both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea {
  padding: 12px 10px;
  font-size: 18px;
  color: #000;
  float: unset;
  background: #fff;
  border: 1px solid #414647;
}
#comments p.comment-form-comment label {
  display: block;
  margin-bottom: 10px !important;
}
#comments a time {
  color: #000;
  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%;
}
#comments .comment-author {
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
  text-align: center;
  color: #13182c;
  font-size: 30px;
}
#comments .comment-author.vcard img {
  padding: 2px;
  border-radius: 50%;
}
#comments .comment-author .fn,
#comments .comment-author .says {
  color: #13182c;
}
#comments ol {
  list-style-type: none;
  margin-left: 0;
}
#comments .comment-meta {
  color: var(--color-primary-gradient);
  font-weight: bold;
}
#comments .comment-body p {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #90939c;
}
#comments .reply a {
  background: var(--color-primary-gradient);
  color: white;
  font-weight: bold;
  padding: 8px 20px 8px 20px;
  font-size: 13px;
  width: 56%;
  position: relative;
  margin-top: -10%;
}
#comments ol li {
  padding-bottom: 30px;
}
.post-navigation .nav-previous .meta-nav,
.post-navigation .nav-next .meta-nav {
  background: var(--color-primary-gradient);
  padding: 8px 20px 8px 20px;
  color: white;
  border-radius: 30px;
}
.attachment #sidebar {
  margin-top: 2em;
}
/*--------------- Sidebar -----------------*/
.home .post-section .container {
  margin-top: 200px;
}
.wp-block-search__label {
  padding-left: 10px;
}
#sidebar .textwidget label {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
  background: #333;
  border: none;
  color: white;
  padding: 14px 0;
  font-size: 15px;
  margin: 0;
  width: 100%;
}
#sidebar form {
  display: table;
  width: 100%;
}
#sidebar h3,
label.wc-block-product-search__label,
#sidebar h2 {
  color: var(--color-primary-gradient);
  font-weight: 700;
  padding: 0px;
  font-size: 16px;
  position: relative;
  margin-bottom: 10px;
  /* background-color: var(--color-primary-gradient); */
  display: inline-block;
  /* padding: 7px 20px; */
  border-radius: 20px;
  margin-bottom: 20px !important;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  padding-left: 54px;
}
#sidebar h3:before,
#sidebar h2:before {
  content: "";
  background: var(--color-primary-gradient);
  width: 40px;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 3px;
}
.widget_categories ul li.cat-item:before,
.widget_archive li:before,
.widget_meta li:before,
.widget_recent_comments li:before {
  content: "\f101";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-right: 8px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background: transparent;
  padding: 10px 10px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #000;
  width: 100%;
}
#sidebar input[type="search"]:focus {
  outline: unset;
}
#sidebar label {
  width: 100%;
  margin-bottom: 0;
}
#sidebar input[type="submit"] {
  border: none;
  color: #fff;
  padding: 12px 10px;
  font-size: 13px;
  margin: 0px 0;
  background: var(--color-primary-gradient);
  width: 29%;
}
#sidebar aside {
  margin-bottom: 40px;
  padding: 15px;
  border: 1px solid #ebebeb;
}
#sidebar ul {
  padding: 0;
}
#sidebar ul li {
  list-style: disc;
  margin-bottom: 10px;
}
#sidebar ul li a {
  color: rgba(0, 0, 0, 0.78);
}
#sidebar .tagcloud a {
  background: #13182c;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 10px 0 5px;
  display: inline-block;
}
#sidebar .tagcloud a:hover {
  background: #13182c;
}
#sidebar .widget_recent_entries ul li {
  background: none;
}
#sidebar .post-content {
  line-height: 20px;
}
/*---- About Widget css ----*/
p.custom_author,
p.custom_designation {
  font-weight: 600;
  margin: 10px 0;
  font-size: 15px;
}
a.custom_read_more {
  padding: 10px;
  background: var(--color-primary-gradient);
  display: inline-block;
  color: #fff;
  font-weight: 600;
}
#footer p.custom_desc {
  margin-bottom: 10px;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size: 14px;
  font-weight: bold;
}
.navigation a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  padding: 0;
  background: transparent;
}
.navigation span.post-title {
  color: rgba(0, 0, 0, 0.78);
  background: transparent;
}
.navigation span,
.navigation a {
  display: block;
  float: left;
  padding: 10px 0px;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: background 0.15s ease-in-out;
  -moz-transition: background 0.15s ease-in-out;
  -ms-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  background: var(--color-primary-gradient);
}
.navigation span {
  margin-right: 10px;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current {
  background: #333333;
  color: white;
  font-weight: normal;
}
.page-template-default #comments {
  display: none;
}
.woocommerce span.onsale {
  background: var(--color-primary-gradient);
  padding: 0;
}
.woocommerce .products ul li,
.woocommerce ul.products li {
  text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-weight: 600;
  font-size: 18px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  padding: 5px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  opacity: 1;
}
span.posted_in {
  display: block;
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .button {
  margin: 0;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
  color: var(--color-primary-gradient);
}

.woocommerce ul.products li.product .star-rating {
  float: none;
  margin: 0 auto;
  margin-bottom: 10px;
}
.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.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 input.button.alt:hover {
  background: #000;
  color: #fff;
}
#contentwoocom {
  padding: 20px 15px;
}
.woocommerce div.product form.cart .button {
  border: solid 1px var(--color-primary-gradient);
}
.woocommerce-message {
  border-top-color: var(--color-primary-gradient);
}
.woocommerce-message::before {
  content: "\e015";
  color: var(--color-primary-gradient);
}
.woocommerce-input-wrapper textarea,
.woocommerce-input-wrapper input[type="tel"],
.woocommerce-input-wrapper input[type="email"] {
  background: unset;
  border: 1px solid #000;
}
.woocommerce-billing-fields__field-wrapper p,
.woocommerce-additional-fields__field-wrapper p {
  color: #292b2c;
}
.coupon input {
  margin-top: 0% !important;
}
.woocommerce nav.woocommerce-pagination ul li span {
  background: #fff !important;
  color: #000 !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background: var(--color-primary-gradient);
}
#footer
  .woocommerce
  .widget_price_filter
  .price_slider_wrapper
  .ui-widget-content {
  background: #fff;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: #000;
}
#sidebar .widget.woocommerce form {
  border: 0;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
  width: 50px;
  height: 50px;
}
.woocommerce-product-search input[type="search"] {
  width: 100%;
  border: 1px solid #000 !important;
  margin-bottom: 10px;
}
#footer .woocommerce-product-search input[type="search"] {
  border: 1px solid #fff !important;
}
.woocommerce-product-search button[type="submit"] {
  background: #00cdfc;
  color: #000;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 500;
  width: 100%;
  border: none;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
  padding: 0 0 10px 2em !important;
  margin-top: 10px;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 8px;
}
#footer .tagcloud a {
  font-size: 15px !important;
  padding: 10px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid var(--color-primary-gradient);
}
#footer .tagcloud a:hover {
  background: var(--color-primary-gradient);
  color: #fff;
}
.select2-container--default .select2-selection--single {
  height: 45px;
  border-radius: 0;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding: 7px 10px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 8px;
}
.bg-fixed {
  background-attachment: fixed;
}
.bg-scroll {
  background-attachment: scroll;
}

/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
  font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active a {
  color: var(--color-primary-gradient);
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
h2.woocommerce-loop-category__title {
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid var(--color-cccccc);
  padding-bottom: 17px;
}
.woocommerce #customer_login .col-1,
.woocommerce #customer_login .col-2 {
  max-width: 100%;
}
input#password,
input#reg_password {
  padding: 10px;
}
.woocommerce div.product form.cart .variations select {
  background-color: white;
}
#customer_details .col-1,
#customer_details .col-2 {
  max-width: 100%;
}
.u-column1.col-1.woocommerce-Address,
.u-column2.col-2.woocommerce-Address {
  width: 100%;
  max-width: 100%;
}
.woocommerce a.added_to_cart {
  display: table;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
}
.woocommerce .star-rating span::before {
  color: var(--color-primary-gradient);
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background: var(--color-primary-gradient);
  color: white;
  padding: 6px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  left: unset;
  border-radius: 0;
  min-width: 20px !important;
  min-height: 25px;
  top: 15px;
  left: 9px !important;
  right: unset;
}
.woocommerce .quantity input {
  padding: 8px 0px;
  border: 1px solid black;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  margin-right: 8px;
  border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: white !important;
  font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs .panel {
  border: 1px solid #f4f4f9;
  padding: 17px;
  padding-top: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  border: none !important;
  box-shadow: none;
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}
.related.products {
  padding-top: 30px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce span.onsale,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: var(--color-primary-gradient);
}
.woocommerce nav.woocommerce-pagination ul li {
  border-right: none;
  margin: 0 3px;
}
.woocommerce nav.woocommerce-pagination ul {
  border: none;
}
.related.products h2,
.woocommerce div.product .woocommerce-tabs .panel h2 {
  text-transform: capitalize;
  font-size: 24px !important;
}
.related.products h2.woocommerce-loop-product__title {
  font-size: 18px !important;
  letter-spacing: 0;
}
.woocommerce #customer_login .col-1,
.woocommerce #customer_login .col-2 {
  max-width: 100%;
}
input#password,
input#reg_password {
  padding: 10px;
}
.woocommerce div.product form.cart .variations select,
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active {
  background-color: white;
}
.u-column1.col-1.woocommerce-Address,
.u-column2.col-2.woocommerce-Address {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active {
  border: 1px solid var(--color-primary-gradient);
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 48%;
  height: 42px;
}
.woocommerce .woocommerce-MyAccount-content .form-row {
  display: block !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  border: 1px solid white;
  margin-left: 0;
}
.woocommerce .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid white;
  padding: 10px 25px 10px 15px;
  background: var(--color-primary-gradient);
}
.woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
  border: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  color: white;
  font-weight: bold;
}
.woocommerce form .form-row.woocommerce-invalid label {
  color: #8fa3aa;
}
.woocommerce .form-row {
  display: unset;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
  width: 100%;
}
.woocommerce #order_review table th {
  text-align: left;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  padding: 20px;
}
.woocommerce .woocommerce-result-count {
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--color-222222);
  font-weight: 500;
}
.woocommerce-message {
  border-color: var(--color-primary-gradient);
}
.woocommerce-message::before {
  color: var(--color-primary-gradient) !important;
}
.woocommerce-message {
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--color-222222);
  font-weight: 500;
}
.woocommerce .product_meta span {
  margin-right: 10px;
}
.woocommerce .woocommerce-cart-form__cart-item a {
  color: var(--color-222222);
  font-weight: bold;
}
.woocommerce .woocommerce-cart-form__cart-item td,
.woocommerce table.shop_table td,
.woocommerce .woocommerce-error,
.woocommerce table.shop_table th {
  color: var(--color-222222);
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
  color: var(--color-222222);
  display: inline-block !important;
}
.inner_layout nav.woocommerce-MyAccount-navigation ul li {
  background: var(--color-primary-gradient);
  margin-bottom: 4px;
}
.woocommerce-MyAccount-navigation {
  margin-bottom: 20px;
}
.woocommerce-Reviews .comment-form .comment-form-author,
.woocommerce-Reviews .comment-form .comment-form-email,
.woocommerce-Reviews .comment-form .comment-form-url {
  width: 49%;
}
.widget span.count {
  float: right;
}
.up-sells.upsells.products {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.woocommerce-product-search button {
  font-size: 14px;
  color: white;
  font-weight: 700;
  background: var(--color-primary-gradient);
  display: inline-block;
  padding-right: 10px;
  text-align: center;
  padding: 10px 15px;
  text-align: center;
  border: navajowhite;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 14px;
}
.woocommerce-info {
  border-top-color: var(--color-primary-gradient);
}
.related-post-wrapper a {
  font-size: 16px;
  padding: 10px 0 !important;
  display: inline-block;
  font-weight: 700;
}
.woocommerce ul.products li.product .price ins {
  font-size: 14px !important;
}
.woocommerce ul.products li.product .button {
  margin-top: 1em;
  margin: 12px auto;
  text-align: center;
  display: table;
}
.woocommerce #respond input#submit.added::after,
.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.woocommerce input.button.added::after {
  vertical-align: middle;
}
.recent-post .media img {
  width: 30%;
  margin-right: 10px;
}
.recent-post a {
  color: black;
  font-weight: 600;
}
.recent-post span.post_date {
  display: block;
}
.custom-about-us {
  text-align: center;
}
.custom-about-us img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
#sidebar label {
  width: 100%;
  margin-bottom: 10px !important;
}
button.wc-block-product-search__button {
  background: var(--color-primary-gradient);
  border: none;
  padding: 10px;
}
.contact_widget .media a {
  color: #cfd3d7;
}
.contact_widget .media i {
  padding-top: 6px;
  padding-right: 15px;
  font-size: 16px;
  color: var(--color-primary-gradient);
}
button.wp-block-search__button {
  background: var(--color-primary-gradient);
  color: white;
  font-weight: 700;
  border: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  padding: 10px;
}
.recent-post span.post_date i {
  padding-right: 5px;
}
.search-no-results input.search-field {
  padding: 4px;
  margin: 0;
}
.side-navigation ul li.current-menu-item.menu-item-has-children > a:after {
  display: none;
}
.project-meta span {
  font-weight: 700;
}
.social-profiles i {
  padding-right: 10px;
}
/*---------------- Section Heading-----------------*/
.section_main_head.heading-half-width {
  max-width: 50%;
  margin: 0 auto;
}
.section_main_head .section-text,
.section_main_head .section-text p {
  margin-bottom: 0;
  max-width: 60%;
  margin: 0 auto;
  color: #757575;
  font-weight: 400;
}
#about-us .section-text,
#about-us .section-text p {
  max-width: 100%;
  margin: 0;
}
.section_main_head h6 {
  background: linear-gradient(to right, #fc8864 0%, #fc6064 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  position: relative;
  font-size: 12px;
  display: inline-block;
  padding-left: 54px;
  padding-bottom: 0;
  padding-top: 0;
  letter-spacing: 1px;
}
.section_main_head.white_head h3,
.section_main_head.white_head h6 {
  background: linear-gradient(to right, #fc6064 0%, #fc8864 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: white; /* Text color set to white */
}
.section_main_head.white_head h6:before {
  background: white;
}
.section_main_head.white_head .section-text,
.section_main_head.white_head .section-text p {
  color: white;
}
.section_main_head h3 {
  position: relative;
  color: black;
  font-weight: 700;
  font-size: 31px;
}
.head-full-width-center {
  max-width: 40%;
  margin: 0 auto;
}
/* Title Banner*/
.banner_title_box {
  position: relative;
}
.banner_title_box {
  position: relative;
}
.content_on_banner {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  max-width: 70%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.banner_title_box h1 {
  color: #30494f;
  font-weight: 800;
}
.banner_title_box img {
  width: 100%;
}
.single_line_head h6:before {
  content: "";
  background: var(--color-primary-gradient);
  width: 40px;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 3px;
}
@media only screen and (min-width: 1700px) and (max-width: 1920px) {
  .container {
    max-width: 1450px;
  }
}