/*
Theme Name: HR Services Pro
Theme URI:  https://www.themespride.com/products/hr-wordpress-theme
Author: themespride
Author URI: https://www.themespride.com/
Description: The HR WordPress Theme is a professionally designed solution created for human resource consultants, recruitment agencies, corporate HR departments, and training firms that want a credible online presence. This theme focuses on clarity, structure, and usability, ensuring visitors can easily understand your services, company values, and hiring expertise. With clean layouts and balanced typography, it allows you to present job listings, employee benefits, policies, and company culture in an organized manner. The design supports trust-building elements such as testimonials, team profiles, and service highlights, which are essential for HR-focused websites. Customizable sections help you showcase recruitment solutions, payroll services, compliance assistance, and workforce management offerings without technical complexity. The HR WordPress Theme is built to be responsive, ensuring your website looks polished across desktops, tablets, and mobile devices. Its lightweight structure contributes to fast loading speeds, helping improve user experience and engagement. Whether you are launching a new HR consultancy or updating an existing corporate site, this theme offers flexibility, professional appeal, and practical design choices that align perfectly with modern HR service requirements.
Version: 1.0
Requires at least: 5.4.2 
Tested up to: 5.8
Requires PHP: 5.2.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hr-services-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
HR Services Pro WordPress Theme has been created by themespride(themespride.com), 2021.
HR Services Pro WordPress Theme is released under the terms of GNU GPL
*/

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Outfit Regular'), local('Outfit-Regular'), url(./assets/webfonts/Outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Outfit Medium'), local('Outfit-Medium'), url(./assets/webfonts/Outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Outfit SemiBold'), local('Outfit-SemiBold'), url(./assets/webfonts/Outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Outfit Bold'), local('Outfit-Bold'), url(./assets/webfonts/Outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Outfit ExtraBold'), local('Outfit-ExtraBold'), url(./assets/webfonts/Outfit-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;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Outfit Black'), local('Outfit-Black'), url(./assets/webfonts/Outfit-Black.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: #3D0D7B;
  --color-secondry: #100A1C;
 }
:root {
  --primary-font: 'Outfit';
  --secondary-font: 'Outfit';
}
/*---------*/
html body {
    margin: 0;
    padding: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    background-color: white;
    position: relative;
    font-size: 16px;
    color: #000000;
    overflow-x: hidden;
    font-family: var(--primary-font);
    line-height: 24px;
    font-weight: 400;
}
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: black;
    font-weight: 600;
}
p{
  margin:0 0 15px;
  font-size:16px;
  font-weight:400;
  line-height: 26px;
}
body a{
  text-decoration:none;
  color: var(--color-primary);
}
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: 16px;}: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: 68px 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;
}
.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);
}
section {
  margin: 0 auto;
}
/*-------------------------- 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%;
}
.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-color: var(--color-primary);
  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-color: var(--color-primary);
  border-radius: 30px;
  padding: 10px 14px;
  color: #fff;
}
.theme_button a, a.theme_button, a.theme_button2, .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"], .appointment_shortcode  input[type="submit"], .wc-block-components-button {
  font: 400 14px var(--primary-font);
  display: inline-block;
  padding: 11px 24px;
  position: relative;
  transition: all 0.3s ease 0s;
  color: white;
  border: none;
  border-radius: 10px;
}
.contact-box .contac_form input[type="submit"] {
  border: none;
  margin: 0 auto;
  display: block;
  text-align: center;
}
a.theme_button, .theme_button2, .contact_shortcode input[type="submit"], .newsletter_shortcode input[type="submit"], input[type="submit"], .contact_us_shortcode input[type="submit"], .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"], .wc-block-components-button, .find-child-care_shortcode input[type="submit"] {
  background-color: var(--color-primary);
  color: white;
  background-color: rgb(255 255 255 / 10%);
  border: 0.5px solid #FFFFFF80;
  border-radius: 6px;
}
.theme_button:hover, .contact-us_shortcode input[type="submit"]:hover{
  background-color: #251d1f;
  color: white;
}
.contact-box .contac_form input[type="submit"]:hover, .wc-block-components-button:hover {
  background-color: black;
  color: white;
}
a.theme_button2 {
  background-color: white;
  color: black;
}
.theme_button, .theme_button2 {
  overflow: hidden;
  color: var(--color-primary);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0 0 transparent;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.theme_button:hover, .theme_button2:hover {
	color: white;
	box-shadow: 0 0 30px 0 rgba(0, 199, 236, 0.5);
	background-color: var(--color-primary);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.theme_button:hover:before, .theme_button2:before {
	-webkit-animation: shine-90 0.5s 0s linear;
	-moz-animation: shine-90 0.5s 0s linear;
	animation: shine-90 0.5s 0s linear;
}

.theme_button:active, .theme_button2.active {
	box-shadow: 0 0 0 0 transparent;
	-webkit-transition: box-shadow 0.2s ease-in;
	-moz-transition: box-shadow 0.2s ease-in;
	transition: box-shadow 0.2s ease-in;
}

.theme_button:before{
	content: '';
	display: block;
	width: 0px;
	height: 86%;
	position: absolute;
	top: 7%;
	left: 0%;
	opacity: 0;
	background: white;
	box-shadow: 0 0 15px 3px white;
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	-o-transform: skewX(-20deg);
	transform: skewX(-20deg);
}
.theme_button2:before {
	content: '';
	display: block;
	width: 0px;
	height: 86%;
	position: absolute;
	top: 7%;
	left: 0%;
	opacity: 0;
	background: var(--color-primary);
	box-shadow: 0 0 15px 3px white;
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	-o-transform: skewX(-20deg);
	transform: skewX(-20deg);
}

@-webkit-keyframes shine-90 {
	from {
		opacity: 0;
		left: 0%;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: 0;
		left: 100%;
	}
}

@-moz-keyframes shine-90 {
	from {
		opacity: 0;
		left: 0%;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: 0;
		left: 100%;
	}
}

@keyframes shine-90 {
	from {
		opacity: 0;
		left: 0%;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: 0;
		left: 100%;
	}
}

/*----- 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-color: white;
  cursor: pointer;
  z-index: 999999;
}
.spinner-loading-box .preloarder {
  position: absolute;
  /*width: 100px;*/
  /* height: 70px; */
  display: flex;
  transform-origin: center;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
}

.spinner-loading-box .loader {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color-primary);
  position: relative;
}
.spinner-loading-box .loader:before,
.spinner-loading-box .loader:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  inset: 0;
  background: black;
  transform: rotate(0deg) translate(30px);
  animation: rotate 1s ease infinite;
}
.spinner-loading-box .loader:after {
  animation-delay: 0.5s
}
@keyframes rotate {
  100% {transform: rotate(360deg) translate(30px);}
}

.spinner-loading-box svg {
  /*position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  height: 150px;
  width: 150px;
}

/*------------------ 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 #cccccc;
}
#comments textarea {
  color: #333333;
  background-color: transparent;
  padding: 16px 22px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
}
#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;
  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);
  font-weight: bold;}
#comments .comment-body p{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #90939c;}
#comments .reply a {
  background-color: var(--color-primary);
  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-color: var(--color-primary);
  padding: 5px 20px 6px 20px;
  color: white;
  border-radius: 0;
}
.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 {
  margin-bottom: 20px !important;
  font-weight: 400;
  position: relative;
  font-size: 16px;
  color: var(--color-primary);
  border-radius: 26px;
  display: inline-block;
  padding: 10px 15px;
}
#sidebar h3:before, #sidebar h2:before {
  content: '';
  background-color: var(--color-primary);
  width: 21px;
  height: 1px;
  display: inline-block;
  position: relative;
  top: -4px;
  left: -8px;
}
.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;
  font-size: 14px;
  color: #000;
  width: 100%;
  border: 1px solid #d9d9d9;
}
#sidebar input[type="search"]:focus{
  outline: unset;
}
#sidebar label{
  width:100%;
  margin-bottom:0;
}
#sidebar aside {
  margin-bottom: 40px;
  border: 1px solid rgb(255 255 255 / 3%);
  background-color: transparent;
  padding: 16px 22px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
}
#sidebar ul {
  padding:0;
}
#sidebar ul li {
  list-style: disc;
  margin-bottom: 10px;
}
#sidebar ul li a {
  color: black;
  font-size: 16px;
}
#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);
  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{
  background: transparent;
}
.navigation span, .navigation a {
  display: inline-block;
  padding: 5px 0px;
  margin-bottom: 10px;
  color: #797979;
  font-weight: 500;
  -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;
  background-color: var(--color-primary);
}
.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-color: var(--color-primary);
  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);
}

.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);
}
.woocommerce-message {
    border-top-color: var(--color-primary);
}
.woocommerce-message::before {
    content: "\e015";
    color: var(--color-primary);
}
.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);
}
#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: var(--color-primary);
  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);
}
#footer .tagcloud a:hover{
  background: var(--color-primary);
  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);
}
#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);
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
  background-color: #2B2B2B;
  color: white;
  padding: 9px 16px;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  left: unset;
  border-radius: 24px;
  min-width: auto !important;
  min-height: auto;
  top: 20px;
  left: 20px;
  right: unset;
  display: inline-block;
  line-height: normal;
}
.woocommerce ul.products li.product .itsnew, .woocommerce span.itsnew {
  left: 15px !important;
  right: unset !important;
  top: 20px !important;
}
.woocommerce .quantity input {
  padding: 13px 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-color: var(--color-primary);
}
.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);
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 48%;
  height: 49px;
}
.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-color: var(--color-primary);
}
.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);
}
.woocommerce-message::before {
  color: var(--color-primary) !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-color: var(--color-primary);
  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 table.shop_table td{
  text-align: left;
}
.woocommerce-product-search button {
  font-size: 14px;
  color: white;
  font-weight: 700;
  background-color: var(--color-primary);
  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);
}
.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-color: var(--color-primary);
  border: none;
  padding: 10px;
}
.contact_widget .media a {
  color: #cfd3d7;
}
.contact_widget .media i {
  padding-top: 6px;
  padding-right: 15px;
  font-size: 20px;
  color: var(--color-primary);
}
.contact_widget span.contact-text {
    color: white;
}
button.wp-block-search__button {
  background-color: var(--color-primary);
  color: white;
  font-weight: 700;
  border: none;
}
.recent-post span.post_date i {
  padding-right: 5px;
}
.search-no-results input.search-field {
  padding: 7px;
  margin: 0;
  border: 1px solid black;
}
.side-navigation ul li.current-menu-item.menu-item-has-children>a:after{
  display: none;
}
.project-meta span{
  font-weight: 700;
}
/*---------------- 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: 17px !important;
}
.section_main_head .section-tagline {
  font-weight: 500;
  position: relative;
  font-size: 16px;
  color: var(--color-primary);
  display: inline-block;
  position: relative;
  padding: 8px 24px;
  margin-bottom: 13px;
  border: 0.5px solid #3D0D7B0F;
  background-color: #3D0D7B0F;
  border-radius: 6px;
}
.section_main_head.white_head .section-tagline {
    border: 0.5px solid #FFFFFF80;
    color: white;
}

.section_main_head.white_head h3{
  color: white;
}
.section_main_head.white_head .section-text, .section_main_head.white_head .section-text p {
  color: white;
}
.section_main_head h3 {
  position: relative;
  font-size: 31px;
  color: white;
  padding-bottom: 22px;
  color: #000000;
  font-weight: 700;
  padding-top: 0;
}
.founder-name{
    background: linear-gradient(90deg, #3D0D7B 0%, #100A1C 100%);
    color: white;
    text-align: center;
    font-size: 22px;
    padding: 19px 10px;
    border-radius: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: 700;
}
.head-full-width-center {
  max-width: 40%;
  margin: 0 auto;
}
/* Title Banner*/
.banner_title_box {
  position: relative;
  padding: 9em 0px 5em 0;
  background-size: cover;
  margin-bottom: 3em;
  background: linear-gradient(180deg, #3D0D7B 0%, #100A1C 100%);
}
.content_on_banner {
  /* position: absolute; */
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  /* display: flex; */
  /* align-items: center; */
  /* max-width: 100%; */
  /* left: 0; */
  /* right: 0; */
  /* margin: 0 auto; */
}
.title-banner-content {
  text-align: center;
  color: white;
}
.banner_title_box h1 {
  font-weight: 700;
  color: white;
  font-size: 36px;
}
.banner_title_box img {
  width: 100%;
}
.single_line_head h6:before {
  content: '';
  background-color: var(--color-primary);
  width: 40px;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 3px;
}

.head-design h6:before {
  content: '';
  width: 52px;
  height: 7px;
  width: 58px;
  height: 8px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  margin-left: 3px;
  border: 3px solid var(--color-ternary);
  border-bottom: none;
  margin: 0 auto;
}
.woocommerce .loader::before{
  display: none;
}
.woocommerce div.product div.images img {
  width: 100%;
  margin: 0 auto;
}
.woocommerce ul.products li.product a img {
  width: auto;
  margin: 0 auto;
  background-color: #f5f5f5;
}
.mobile-menu {
    display: none;
}
.contact-box {
    margin-top: 3em;
}
.woocommerce ul.products li.product .itsnew, .woocommerce span.itsnew {
  left: 15px !important;
  right: unset !important;
  top: 20px !important;
}
#single-team .social-profiles {
    display: block;
}
#single-team .social-profiles i {
    font-size: 14px;
}
.media{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.media-body {
  -ms-flex: 1;
  flex: 1;
}